.iFrameContent {
  overflow: hidden; }
  .iFrameContent_inner {
    position: relative;
    overflow: hidden; }
  .iFrameContent_wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .iFrameContent iframe {
    top: 0;
    position: absolute;
    overflow: hidden; }
  .container .iFrameContent_fullwidth {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; }
.label--hideshow {
  font-size: 10px;
  width: 100%;
  display: block;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 5px;
  text-align: right;
  color: #183b78;
  font-weight: bold;
  letter-spacing: 2px;
  cursor: pointer; }

.label--hideshow:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #dbdbdb;
  margin: 0px 0 0 10px;
  position: relative;
  top: -2px;
  right: 0px;
  padding: 0;
  transform: rotate(180deg); }

.hideshow--hidden .label--hideshow:after {
  transform: none; }

.hideshow__panel {
  transition: height .5s; }

.hideshow__panel > * {
  float: left; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.linklist ul {
  clear: both;
  padding: 0;
  list-style: none;
  text-align: center; }

.linklist ul li {
  margin: 0 auto;
  max-width: 560px;
  overflow-wrap: break-word; }

.linklist ul li,
.linklist ul li a {
  color: #000000;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  text-align: left; }
  @media (min-width: 768px) {
    .linklist ul li,
    .linklist ul li a {
      font-size: 24px; } }

.linklist ul li a {
  position: relative;
  display: block;
  padding: 15px 20px 15px 0;
  border-bottom: solid 1px #D7D7D7; }
  @media (min-width: 768px) {
    .linklist ul li a {
      padding: 25px 20px 25px 0; } }

.linklist ul li:first-of-type a {
  border-top: solid 1px #D7D7D7; }

.linklist .divider ~ ul li:first-of-type a {
  border-top: none; }

.linklist ul li:last-of-type a {
  border-bottom: solid 1px #D7D7D7; }

.linklist .divider ~ ul li:last-of-type a {
  border-bottom: none; }

.linklist ul li a:after {
  content: '\27A4';
  position: absolute;
  top: 30px;
  right: 0;
  color: #183B78;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  transition: color 0.3s; }
  @media (min-width: 768px) {
    .linklist ul li a:after {
      top: 45px; } }

.linklist ul li a:hover,
.linklist ul li a:hover:after {
  color: #4984B9; }
.accordion--sideinfo {
  border-bottom: dashed 1px #c9c9c9;
  margin: 0 -10px 0px; }

.accordion--sideinfo .accordion__head {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.43;
  text-align: left;
  color: #1c1c1c;
  text-align: center;
  background-color: #fafafa;
  padding: 15px 0;
  cursor: pointer; }

.accordion--sideinfo .accordion__head:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #183b78;
  margin: 0px 0 0 10px;
  position: relative;
  top: -3px; }

.accordion--sideinfo .accordion__item--open .accordion__head:after {
  border-top: none;
  border-bottom: 4px solid #183b78; }

.accordion--sideinfo .accordion__section {
  background-color: #fafafa; }

.accordion--sideinfo .accordion__section .personinfo .person {
  padding: 0 10px;
  box-sizing: border-box; }

.accordion--sideinfo .accordion__section .personinfo .person__job {
  text-align: center; }

.accordion--sideinfo .accordion__section .personinfo .person__about {
  padding-right: 0px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.cta {
  position: relative;
  clear: both; }

.itinery ~ .cta,
#Itinery ~ #Cta > .cta {
  margin-top: 0; }

.cta .button {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  min-width: 180px; }
  @media (min-width: 481px) {
    .cta .button {
      max-width: 225px;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .cta .button {
      max-width: 100%;
      width: auto; } }

.cta.center a,
.cta.center span.button,
.cta.center span.label--link {
  float: none; }

.cta .button--link {
  margin-right: 25px;
  margin-left: 25px;
  width: calc(100% - 50px); }
  @media (min-width: 481px) {
    .cta .button--link {
      max-width: 175px;
      max-width: 225px;
      margin-right: 20px;
      margin-left: 0px; } }
  @media (min-width: 768px) {
    .cta .button--link {
      max-width: 225px;
      width: auto; } }

.cta em {
  clear: both;
  display: block;
  margin: 0px 0 20px;
  width: 100%;
  float: left; }
.infobox input {
  width: 100%;
  box-sizing: border-box; }

.infobox .button {
  cursor: pointer;
  width: 100%;
  margin-top: 20px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #183b78;
  color: #fff;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 1.5;
  z-index: 999999;
  padding: 50px 20px 25px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .cookie {
      padding: 25px 20px; } }

.cookie .react-cookie-banner {
  max-width: 1140px;
  margin: 0 auto; }

.cookie .cookie-message {
  width: calc(100% - 35px);
  display: block;
  float: left; }
  @media (min-width: 768px) {
    .cookie .cookie-message {
      position: relative;
      width: calc(100% - 55px); } }

@media (min-width: 768px) {
  .cookie .cookie-message:after {
    content: ' ';
    width: 1px;
    height: 20px;
    display: block;
    background: #fff;
    opacity: 0.31;
    position: absolute;
    right: 0;
    top: -1px; } }

.cookie .button-close {
  float: right; }

.cookie .cookie-link {
  float: left;
  font-family: 'Noto Sans', Sans;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  text-align: left;
  line-height: 18px;
  color: #8cc4f7;
  margin-right: 30px;
  position: absolute;
  top: 25px;
  left: 20px; }
  @media (min-width: 768px) {
    .cookie .cookie-link {
      position: relative;
      top: auto;
      left: auto; } }

.cookie .button-close {
  position: relative;
  width: 16px;
  height: 16px;
  opacity: 1;
  text-indent: -999em;
  cursor: pointer;
  transition: opacity .5s;
  top: -25px; }
  @media (min-width: 768px) {
    .cookie .button-close {
      top: 0; } }

.cookie .button-close:hover {
  opacity: .5; }

.cookie .button-close:before,
.cookie .button-close:after {
  position: absolute;
  left: 7px;
  top: -2px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff; }

.cookie .button-close:before {
  transform: rotate(45deg); }

.cookie .button-close:after {
  transform: rotate(-45deg); }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.form .contact:first-of-type > h5.heading:first-of-type {
  border-top: none; }

.session {
  margin: 20px 0 60px; }

.session h5 {
  border-top: solid 2px #69a9e3;
  margin-bottom: 10px; }

.session_intro {
  margin-top: 0;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #444; }

.session .scrollarea-content {
  float: left;
  width: auto;
  min-width: 100%; }

.session table {
  margin-top: 30px;
  background: transparent;
  float: left;
  width: 100%;
  position: relative;
  left: 0;
  min-width: 100%; }

.session table thead tr {
  border: none; }

.session table td {
  padding-left: 20px; }

.session table thead td {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: left;
  color: #4a4a4a;
  text-transform: uppercase;
  padding-left: 20px;
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative; }

.session table thead td:after {
  content: ' ';
  height: calc( 100% - 20px);
  width: 1px;
  display: block;
  background: #d7d7d7;
  position: absolute;
  top: 10px;
  right: -1px; }

.session table thead td:last-of-type:after {
  content: none; }

.session table thead td:first-of-type,
.session table tbody td:first-of-type {
  padding-left: 0; }

.session table tbody td {
  background: transparent; }

.session table tbody td:first-of-type {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: left;
  color: #4a4a4a;
  text-transform: uppercase; }

.session table tbody td .form__row {
  margin-bottom: 0;
  float: none;
  width: auto; }

.session table tbody td .form__row.field--small input {
  width: auto;
  min-width: 0; }

.session table tbody tr.selected,
.session table tbody tr.selected td:first-of-type {
  color: #69a9e3; }

.session table tbody tr.disabled,
.session table tbody tr.disabled td:first-of-type {
  color: #ccc; }

.session table tr.disabled input[type="checkbox"]:disabled:checked ~ .checkbox > .checkbox__inner:after {
  display: block; }

.session .scrollarea table tr td .form__row:not(.field--radio):not(.field--checkbox) label {
  display: none !important; }

.session .scrollarea table tr td .form__row {
  margin-left: 20px;
  text-align: left;
  width: 120px; }

.session table tr.disabled select:disabled,
.session table tr.disabled input[type="checkbox"]:disabled ~ .checkbox,
.session table tr.disabled input[type="radio"]:disabled ~ .radio {
  opacity: 0.3; }

.session table tbody td .form__row label {
  margin-bottom: 0;
  width: auto;
  display: inline-block; }

.session table tbody td .form__row label .radio__text,
.session table tbody td .form__row label .checkbox__text {
  display: none; }

.session .form__row .checkbox {
  position: relative; }

.session table tbody td .form__row {
  text-align: center; }

.session table tbody td .form__row label .radio,
.session table tbody td .form__row label .checkbox {
  margin-right: 0; }

.session table tbody td .form__row label ~ label .radio {
  margin-right: 0; }

.session table tbody td {
  border-right: 1px solid #d7d7d7; }

.session table tbody td:last-of-type {
  border-right: none;
  padding-left: 0;
  padding-right: 0; }

.session table thead td:last-of-type {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.session table tbody tr:first-of-type td {
  border-right: none;
  border-left: none;
  position: relative;
  padding-top: 20px; }

.session table tbody tr:first-of-type td:after {
  content: ' ';
  height: calc( 100% - 10px);
  width: 1px;
  display: block;
  background: #d7d7d7;
  position: absolute;
  top: 10px;
  right: -1px; }

.session table tbody tr:first-of-type td:last-of-type:after {
  content: none; }

.session table tr:last-of-type td {
  border-bottom: 1px solid #f2f2f2; }

.session table thead tr:first-of-type td {
  border-bottom: 1px solid #d7d7d7; }

.file-upload img {
  max-width: 100%; }

@media (min-width: 768px) {
  .file-upload {
    align-items: center; }
    .file-upload__current {
      flex: 0 0 120px;
      margin-right: 15px; } }

@media (min-width: 1180px) {
  .file-upload__current {
    flex: 0 0 150px; } }

@media (min-width: 768px) {
  .file-upload.has-photo {
    display: flex; } }
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  transform: translateX(0%); }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -47px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 10px;
  background: transparent;
  box-sizing: border-box;
  /*margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;*/
  cursor: pointer; }

.flickity-page-dots .dot:after {
  content: ' ';
  display: block;
  width: 5px;
  height: 5px;
  margin: 0;
  background: #183b78;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer; }

/*.carousel .flickity-page-dots .dot {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    opacity: 1;
    background: #183b78;
}
.carousel .flickity-page-dots .dot.is-selected {
    
    background: #c2c1c1;
}*/
/*.flickity-page-dots .dot.is-selected {
  opacity: 1;
}*/
.flickity-page-dots .dot.is-selected:after {
  background: #c2c1c1; }
.tweet {
  text-align: center; }

.tweet ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

.tweet h2 {
  margin-bottom: 25px; }

.tweet h2 img {
  margin: 0;
  position: relative;
  top: 3px; }

.tweet ul li {
  display: inline-block;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #7d7d7d;
  position: relative;
  padding: 10px; }

.tweet ul li:first-of-type:after {
  content: ' ';
  width: 1px;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 0px;
  display: block;
  background: #7d7d7d; }

.tweet .label--link {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 40px; }

.tweet .emoji {
  height: 18px;
  width: auto;
  display: inline; }
.subheader {
  margin-bottom: 20px; }

.subheader h5 {
  font-family: 'Noto Serif', Serif;
  text-transform: none;
  font-style: italic;
  letter-spacing: 1px;
  color: #69a9e3;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px; }

.subheader .divider {
  max-width: 60%;
  margin: 0 auto; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.accordion--list .linklist ul {
  margin: 0; }

.accordion--list .linklist ul li:first-of-type a {
  border-top: none; }

.accordion--list .linklist ul li a {
  font-size: 20px;
  margin-left: 20px; }

.accordion--list .accordion__head {
  padding: 15px 0;
  border-bottom: solid 1px #d7d7d7;
  position: relative;
  font-size: 24px;
  max-width: 560px;
  margin: 0 auto;
  font-family: 'Playfair Display', serif;
  cursor: pointer;
  transition: color .3s; }
  @media (min-width: 768px) {
    .accordion--list .accordion__head {
      padding: 25px 0; } }

.accordion--list .accordion__item--open .accordion__head:after {
  transform: rotate(180deg); }

.accordion--list .accordion__head:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #dbdbdb;
  margin: 3px 0 0 0;
  position: absolute;
  top: 50%;
  right: 0px; }

.accordion--list .accordion__head:hover {
  color: #69a9e3; }
.accordion__section {
  height: auto;
  overflow: hidden;
  transition: height .5s; }

.accordion__article {
  float: left;
  width: 100%;
  text-align: center !important; }
@charset "UTF-8";
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.carousel {
  margin: 0 -5px 27px; }
  @media (min-width: 481px) {
    .carousel {
      margin: 0 -10px 27px; } }
  @media (min-width: 1180px) {
    .carousel {
      margin: 0 -10px 27px; } }
  .carousel--related-publications {
    height: 283px; }
    .carousel--related-publications .carousel__panel {
      display: flex;
      height: 100%;
      min-height: auto; }
    .carousel--related-publications .carousel__panel img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center; }
      @media (min-width: 768px) {
        .carousel--related-publications .carousel__panel img {
          object-fit: cover; } }
    .carousel--related-publications .carousel__panel > div {
      position: relative;
      display: flex;
      width: 100%; }
      .carousel--related-publications .carousel__panel > div > a,
      .carousel--related-publications .carousel__panel > div > a > span {
        display: block;
        height: 100%;
        width: 100%; }

@media (max-width: 480px) {
  .carousel .flickity-viewport {
    overflow: hidden !important; } }

.carousel__panel {
  padding: 0 5px;
  width: 100%;
  min-height: 150px;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .carousel__panel {
      padding: 0 10px;
      width: 100%; } }
  @media (min-width: 768px) {
    .carousel__panel {
      width: 33.3%; } }
  @media (min-width: 1180px) {
    .carousel__panel {
      padding: 0 10px; } }

.tweet_carousel {
  margin-bottom: 40px; }

.tweet_carousel .carousel__panel {
  width: 100% !important; }

.tweet_carousel .carousel__panel .tweet {
  margin: 0 5%;
  width: 90%; }

.carousel__panel img {
  height: auto;
  width: 100%; }

.carousel--2col .carousel__panel {
  width: 100%; }
  @media (min-width: 481px) {
    .carousel--2col .carousel__panel {
      width: 50%; } }
  @media (min-width: 768px) {
    .carousel--2col .carousel__panel {
      width: 50%; } }

.carousel--4col .carousel__panel {
  width: 100%; }
  @media (min-width: 481px) {
    .carousel--4col .carousel__panel {
      width: 33.33%; } }
  @media (min-width: 768px) {
    .carousel--4col .carousel__panel {
      width: 25%; } }

.carousel .flickity-viewport {
  margin: 0;
  overflow: visible; }
  @media (min-width: 481px) {
    .carousel .flickity-viewport {
      overflow: hidden; } }

.carousel .flickity-prev-next-button svg {
  display: none; }

.carousel .flickity-prev-next-button {
  top: 0;
  height: 100%;
  width: 45px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  transform: none; }
  @media (max-width: 480px) {
    .carousel .flickity-prev-next-button {
      display: none; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .carousel .flickity-prev-next-button {
      top: 10%;
      height: 75px;
      border-left: 1px solid #E0E0E0; } }
  @media (min-width: 1180px) {
    .carousel .flickity-prev-next-button {
      top: 10%;
      height: 75px;
      border-left: 1px solid #E0E0E0; } }

.carousel .flickity-prev-next-button:after {
  content: '\27A4';
  position: absolute;
  top: 40px;
  right: 8px;
  height: auto;
  color: #183B78;
  font-size: 12px;
  letter-spacing: 2.8px;
  letter-spacing: 9px;
  text-indent: 0;
  transition: color 0.3s; }
  @media (min-width: 481px) and (max-width: 767px) {
    .carousel .flickity-prev-next-button:after {
      top: 21px; } }
  @media (min-width: 1180px) {
    .carousel .flickity-prev-next-button:after {
      top: 21px; } }

.carousel .flickity-prev-next-button:hover:after {
  color: #69A9E3; }

.carousel .flickity-prev-next-button.previous:after {
  top: auto;
  bottom: 40px; }
  @media (min-width: 481px) and (max-width: 767px) {
    .carousel .flickity-prev-next-button.previous:after {
      bottom: 21px; } }
  @media (min-width: 1180px) {
    .carousel .flickity-prev-next-button.previous:after {
      bottom: 21px; } }

.carousel .flickity-prev-next-button.next {
  right: 10px; }
  @media (min-width: 481px) and (max-width: 767px) {
    .carousel .flickity-prev-next-button.next {
      top: 10%;
      right: -45px;
      height: 55px;
      width: 55px;
      background: transparent;
      border-right: 1px solid #E0E0E0;
      border-left: none;
      border-radius: 28px; } }
  @media (min-width: 768px) {
    .carousel .flickity-prev-next-button.next {
      right: -10px; } }
  @media (min-width: 1180px) {
    .carousel .flickity-prev-next-button.next {
      top: 20%;
      right: -35px;
      height: 55px;
      width: 55px;
      background: transparent;
      border-right: 1px solid #E0E0E0;
      border-left: none;
      border-radius: 28px; } }

.carousel .flickity-prev-next-button.previous {
  left: 10px;
  transform: rotate(180deg); }
  @media (min-width: 481px) and (max-width: 767px) {
    .carousel .flickity-prev-next-button.previous {
      top: 10%;
      left: -45px;
      height: 55px;
      width: 55px;
      background: transparent;
      border-right: 1px solid #E0E0E0;
      border-left: none;
      border-radius: 28px; } }
  @media (min-width: 768px) {
    .carousel .flickity-prev-next-button.previous {
      left: -10px; } }
  @media (min-width: 1180px) {
    .carousel .flickity-prev-next-button.previous {
      top: 20%;
      left: -35px;
      height: 55px;
      width: 55px;
      background: transparent;
      border-right: 1px solid #E0E0E0;
      border-left: none;
      border-radius: 28px; } }

@media (max-width: 480px) {
  .carousel .flickity-page-dots {
    bottom: -37px; } }

@media (min-width: 481px) {
  .carousel .flickity-page-dots {
    display: block; } }

.flickity-slider .carousel__panel,
.feature_list > div {
  transition: opacity 0.5s; }

.flickity-slider:hover .carousel__panel,
.feature_list:hover > div {
  opacity: 0.7; }

.flickity-slider .carousel__panel:hover,
.feature_list > div:hover {
  opacity: 1; }

.image_list {
  float: left;
  margin: 0 -10px;
  width: calc(100% + 20px);
  box-sizing: border-box; }

.image_list > div {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px;
  width: 50%;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .image_list > div {
      width: 25%; } }

.image_list > div img {
  float: left;
  width: 100%; }

.carousel__panel {
  display: flex;
  min-height: 100%; }

.carousel__panel > div {
  position: relative;
  width: 100%; }

.carousel__panel > div .feature {
  height: 100%; }

.feature--small .feature__footer {
  width: 100%; }

.feature_list .feature--small .feature__footer {
  width: auto; }
.highlight {
  color: #ee0000;
  font-weight: bold; }

.react-autosuggest__container {
  position: relative; }

.react-autosuggest__input[data-valid="true"] ~ div:after {
  content: '\2713';
  display: block;
  position: absolute;
  color: #27ac7e;
  font-family: LucidaGrande;
  font-weight: bold;
  font-size: 10px;
  width: 7px;
  height: 0px;
  right: 10px;
  top: 15px;
  float: right;
  clear: both; }
.mymembership .heading ~ .infotext {
  margin-top: -20px;
  margin-bottom: 30px; }

.mymembership .autorenewal__link {
  cursor: pointer; }

.mymembership .autorenewal .infotext {
  margin-bottom: 10px; }

.mymembership .autorenewal--inactive .autorenewal__label {
  background-image: url(/assets/images/icons/renewal-inactive.png); }
.tabs__tab:not(.react-tabs__tab-panel--selected) {
  display: none; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.tabs__list {
  list-style: none;
  padding: 0;
  margin: 0 auto 30px;
  display: table;
  position: relative; }
  @media (min-width: 481px) {
    .tabs__list {
      display: flex; } }

.tabs__title {
  display: table-cell;
  padding: 0;
  border-bottom: solid 1px #d7d7d7; }

@media (max-width: 767px) {
  .tabs__title.tabs__title--active {
    border-bottom: solid 2px #183b78;
    margin-bottom: 9px !important; } }

.tabfilteralt .tabs__title {
  display: inline-block;
  margin: 0;
  border-bottom: none; }
  @media (min-width: 768px) {
    .tabfilteralt .tabs__title {
      margin: 0 0 0 30px; } }

@media (min-width: 768px) {
  .tabfilteralt .tabs__title:first-of-type {
    margin: 0 30px 0 0; } }

.tabfilteralt .tabs__list {
  border-bottom: solid 1px #d7d7d7; }

.tabfilteralt .tabs__line {
  top: 30px; }

.tabs__title span {
  cursor: pointer;
  color: #9f9f9f;
  display: block;
  transition: color .5s;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: left;
  color: #041739;
  padding: 0 10px 5px;
  text-align: center;
  margin-bottom: -1px; }
  @media (min-width: 768px) {
    .tabs__title span {
      padding-bottom: 8px; } }

.tabs__title.react-tabs__tab--selected span {
  border-bottom: 2px solid #183b78;
  color: #000000; }
  @media (min-width: 768px) {
    .tabs__title.react-tabs__tab--selected span {
      border-bottom: none; } }

.tabs__line {
  display: none; }
  @media (min-width: 768px) {
    .tabs__line {
      display: block;
      height: 2px;
      background: #183b78;
      position: absolute;
      top: 25px;
      left: 0;
      margin-left: 0;
      transition: all .5s; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.accountnav {
  text-align: center;
  max-width: 620px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  padding-top: 45px; }

.accountnav:after {
  content: ' ';
  clear: both;
  display: block; }

.accountnav__info {
  width: auto;
  float: left; }

.accountnav__data {
  display: inline-block;
  text-align: left;
  border-right: 1px solid #d7d7d7;
  padding: 0 20px 0 30px;
  background: #fff; }
  @media (max-width: 767px) {
    .accountnav__data {
      border-right: none; } }

@media (max-width: 767px) {
  .accountnav__info,
  .accountnav__data {
    float: none;
    width: 100%;
    box-sizing: border-box; } }

.accountnav__data {
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .accountnav__data {
      padding: 0 20px; } }

.accountnav__data dd {
  font-family: 'Noto Sans', sans-serif; }

.accountnav__data {
  float: right;
  clear: both; }

.accountnav__info ~ .accountnav__info .accountnav__data {
  float: left;
  border-right: none;
  padding: 0 0 0 20px; }

.accountnav__links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  float: right; }

.accountnav__links li {
  display: inline-block; }

.accountnav__links li {
  padding-right: 30px; }

.accountnav__links li:after {
  content: '|';
  color: #d7d7d7;
  display: inline-block;
  width: 1px;
  height: 100%;
  position: relative;
  padding: 0 0 0 30px; }

.accountnav__links li:last-of-type:after {
  content: none; }

.accountnav__links li a {
  padding-right: 20px; }

.accountnav__links li a:after {
  right: 0 !important; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.search_bar {
  position: relative; }
  @media (min-width: 768px) {
    .search_bar {
      width: 60%;
      margin: 0 auto; } }

.search_bar input[type="text"] {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  font-style: normal; }

.search_bar:before {
  content: ' ';
  width: 18px;
  height: 19px;
  background: #fff url(/assets/images/glass-blue.png) no-repeat 0 0;
  background-size: 18px 19px;
  background-position: 50% 50%;
  display: block;
  position: absolute;
  left: -30px;
  top: 18px; }
  @media (max-width: 480px) {
    .search_bar:before {
      display: none; } }

.search_bar .subcopy {
  margin-top: 10px; }

.search_bar ::-webkit-input-placeholder,
.search_bar :-moz-placeholder,
.search_bar ::-moz-placeholder,
.search_bar :-ms-input-placeholder,
.search_bar ::-ms-input-placeholder {
  font-style: normal !important; }

.search--clear {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 22px;
  height: 22px;
  opacity: 0.3;
  text-indent: -999em;
  cursor: pointer;
  transition: opacity .5s; }
  @media (min-width: 481px) {
    .search--clear {
      top: 20px;
      right: 0; } }

.search--clear:hover {
  opacity: 1; }

.search--clear:before,
.search--clear:after {
  position: absolute;
  left: 10px;
  top: -4px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #183b78; }

.search--clear:before {
  transform: rotate(45deg); }

.search--clear:after {
  transform: rotate(-45deg); }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.map__container {
  height: 155px; }
  @media (min-width: 481px) {
    .map__container {
      height: 250px; } }
  @media (min-width: 768px) {
    .map__container {
      height: 300px; } }

address p {
  margin: 0 !important; }

@media (min-width: 481px) {
  .map--fullwidth .map__container {
    height: 250px; } }

@media (min-width: 768px) {
  .map--fullwidth .map__container {
    height: 400px; } }

.map--fullwidth .map__container ~ .map__container {
  height: auto; }

.map {
  position: relative;
  overflow-wrap: break-word; }

@media (min-width: 768px) {
  .map .label {
    position: absolute;
    bottom: 0; } }

@media (max-width: 767px) {
  .map .heading {
    margin: 10px 0 20px;
    border-top: none; } }

@media (max-width: 767px) {
  .map .label--link {
    margin-top: 20px; } }

.map__info {
  margin-bottom: 30px; }

.map__marker:after {
  content: ' ';
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  height: 10px;
  width: 10px;
  background: #FFFFFF;
  border-radius: 5px; }

.address_panel .col--span4 {
  padding-bottom: 30px; }

.map__image,
.address_panel .col--span4.map__image {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .map__image,
    .address_panel .col--span4.map__image {
      display: block; } }

.map__image img {
  float: left;
  width: 100%; }

.map--fullwidth .heading {
  display: none; }
  @media (min-width: 768px) {
    .map--fullwidth .heading {
      display: block;
      border-top: none; } }

.map .col--span3_large,
.map .col--span4_large {
  padding-bottom: 30px; }

.map .h5 {
  margin-bottom: 10px; }

.map .phone a {
  color: #000000; }

.map .fax {
  margin-top: -5px; }

.map .label {
  padding-right: 0;
  padding-bottom: 0; }

.map .label a:hover,
.map .label:hover a {
  color: #69A9E3; }

.map.address_panel .h5 {
  padding-top: 0;
  border-top: none; }
@charset "UTF-8";
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.form {
  margin-bottom: 0 !important;
  padding: 30px 0 0;
  background: #FAFAFA;
  border-bottom: solid 1px #D7D7D7; }

.form.component {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  .container .form.component {
    margin-bottom: -20px !important; }
    @media (min-width: 768px) {
      .container .form.component {
        margin-bottom: -40px !important; } }

.FormStep,
.form .step {
  float: left;
  overflow: hidden;
  transition: height 1s; }

.form .step .complete,
.form .step .open {
  overflow: hidden; }

.form__section {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px;
  max-width: 575px; }

.Form__MainBody {
  clear: both;
  margin-top: 30px; }

.FormStep__Description {
  margin-bottom: 30px; }

.Form__NavigationBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  width: 100%; }

div.Form__Element,
.form__row {
  position: relative;
  float: left;
  margin-bottom: 30px;
  width: 100%; }

.Form__Element .FormChoice fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.Form__Element .FormChoice label,
.Form__Element__Caption,
.form__row label {
  position: relative;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  color: #464646;
  font-size: 10px; }

.Form__Element.FormCaptcha img {
  clear: both;
  display: block;
  margin: 15px 0; }

.form__row label .label__subtitle {
  float: right;
  color: #919191;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: none; }

.form .passwordFeedback {
  margin-top: 40px;
  text-align: center; }

.form .formFeedback {
  margin-bottom: 40px;
  text-align: center; }

.form .formFeedback--error {
  color: #CB412B; }

.form .button:hover {
  cursor: pointer; }

.form a.label.label--link.link--arrow,
.form span.label.label--link.link--arrow {
  margin-top: 14px;
  margin-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #9F9F9F; }

.form span.label.label--link.link--arrow a:hover {
  color: #69A9E3; }

.form a.label.label--link.link--arrow:after,
.form span.label.label--link.link--arrow:after {
  right: 0; }

@media (max-width: 767px) {
  .form--corporate .button,
  .form--corporate .link--arrow {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box; } }

.form .divider__innerwrap {
  background: #FAFAFA; }

.form .divider__inner:before,
.form .divider__inner:after {
  background-color: #FAFAFA; }

.form__row select {
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

.FormTextbox .FormTextbox__Input,
.EPiServerForms .FormCaptcha input.FormTextbox__Input,
.Form__Element .FormSelection select,
.form__row input[type='text'],
.form__row input[type='number'],
.form__row input[type='tel'],
.form__row input[type='password'],
.form__row input[type='date'],
.form__row input[type='email'],
.form__row select,
.form__row textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: left;
  padding: 10.5px 15px;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: solid 1px #E7E7E7;
  border-radius: 0;
  font-family: 'Noto Serif', serif;
  font-size: 14px; }

.form__row input[type='password'] {
  letter-spacing: 5px; }

.form__row input[disabled] {
  opacity: 0.6;
  color: #AAAAAA; }

.FormTextbox--Textarea .FormTextbox__Input[disabled],
.form__row textarea[disabled] {
  opacity: 0.6;
  color: #AAAAAA; }

.form__row select[disabled] {
  opacity: 0.6;
  color: #AAAAAA; }

.form__row input[type='radio'][disabled],
.form__row input[type='checkbox'][disabled] {
  opacity: 0;
  color: #AAAAAA; }

.FormTextbox--Textarea .FormTextbox__Input,
.form__row textarea {
  padding: 10.5px 15px;
  width: 100%;
  max-width: 100%;
  min-height: 160px;
  overflow: hidden;
  line-height: 1.5; }

.form__row select {
  padding: 11.5px 10px;
  color: #919191;
  font-size: 12px; }

.form__row select option {
  padding: 0;
  color: #000000; }

.form__row select optgroup {
  float: left;
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: solid 1px #E7E7E7;
  border-radius: 0;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  text-indent: -10px; }

.form__row input[type='text']:focus,
.form__row input[type='password']:focus,
.form__row input[type='email']:focus,
.form__row input[type='tel']:focus,
.form__row input[type='date']:focus,
.form__row input[type='number']:focus,
.form__row select:focus,
.FormTextbox--Textarea .FormTextbox__Input:focus,
.form__row textarea:focus {
  border-color: #183B78;
  outline: none; }

.Form__Element__ValidationError,
.validator__message,
.validator__message p,
.validator__message li {
  float: left;
  margin: 0;
  width: 100%;
  color: #CB412B;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  text-align: left; }

.validator__form_message {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #CB412B; }

.validator__message ul {
  clear: both;
  float: left;
  margin: 0;
  padding: 0 0 0 20px; }

.validator__message ~ .validator__message {
  display: none; }

.field--cols .validator__message ~ .validator__message {
  display: block; }

.field--cols {
  clear: both; }

.field--colsflex {
  display: flex; }

.field--colsflex .field--col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

input.valid ~ .validator__message--dom {
  display: none; }

.validator__message li {
  margin: 5px 0 0; }

.Form__Element__ValidationError,
.validator__message span {
  display: inline-block;
  margin: 5px 0 0; }

.validator__message p {
  margin: 0; }

.validator__message span span {
  margin: 0; }

.form__row .error,
.form__row [data-valid='false'] {
  border-color: #CB412B !important; }

.form__row .valid,
.form__row [data-valid='true'] {
  border-color: #27AC7E !important; }

.form__row .valid + .tick:before,
.form__row [data-valid='true'] + .tick:before {
  content: '\2713';
  position: relative;
  top: -28px;
  right: 10px;
  clear: both;
  display: block;
  float: right;
  height: 0;
  width: 7px;
  color: #27AC7E;
  font-family: LucidaGrande;
  font-size: 10px;
  font-weight: bold; }

.form__row.field--small .valid ~ .tick:before {
  right: calc(60% + 10px); }

.field--colsflex .form__row.field--small .valid ~ .tick:before {
  right: 10px; }

.form__row.field--small .field--cols .valid ~ .tick:before {
  right: 10px; }

.form__row.field--small input {
  width: 40%;
  min-width: 120px; }

.field--col .form__row.field--small input {
  width: 100%; }

.form__row.field--small .field--col input {
  width: 40%;
  min-width: 0; }

.form__row.field--small .field--col input {
  width: 100%; }

.field--col {
  float: left;
  margin-right: 20px;
  width: 40%; }

.field--phone {
  clear: both;
  float: left;
  width: 100%; }

.field--phone input {
  float: left !important;
  width: 70% !important; }

.field--phone select {
  margin-right: 20px;
  width: calc(30% - 20px); }

.checkbox {
  position: relative;
  top: 5px;
  display: inline-block;
  margin-right: 10px;
  height: 18px;
  width: 18px;
  overflow: visible;
  background-color: #FFFFFF;
  border: 1px solid #183B78; }

.checkbox__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin-top: -5px;
  height: 18px;
  width: 18px; }

.checkbox__inner:after {
  content: '\2713';
  position: relative;
  left: 1px;
  display: none;
  padding: 0;
  height: 20px;
  width: 18px;
  overflow: hidden;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
  text-indent: 0;
  text-shadow: 2px 2px #FFFFFF; }

.checkbox__text {
  color: #323232;
  font-family: 'Noto Serif', sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: left;
  text-transform: none; }

.form__row input[type='radio']:checked ~ .radio__text {
  color: #464646; }

.Form__Element .FormChoice .radio,
.form__row .radio {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 10px; }

.Form__Element .FormChoice .radio__text,
.form__row .radio__text {
  display: inline-block;
  margin-top: 10px;
  color: #323232;
  font-family: NotoSerif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.43;
  text-align: left;
  text-transform: none; }

.Form__Element .FormChoice .radio__sub,
.form__row .radio__sub {
  float: right; }

input[type='checkbox'] {
  position: absolute;
  opacity: 0; }

input[type='checkbox']:checked ~ .checkbox > .checkbox__inner:after {
  display: block; }

input[type='checkbox']:checked:disabled ~ .checkbox > .checkbox__inner:after {
  opacity: 0.5; }

.file-upload__new {
  position: relative; }

input[type='file']:not(.FormFileUpload__Input) {
  position: relative;
  height: 44px;
  width: 100%;
  border: none;
  color: #919191;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 44px;
  cursor: pointer; }

input[type='file']:not(.FormFileUpload__Input)::-ms-value {
  position: relative;
  height: 44px;
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: solid 1px #D7D7D7;
  color: #919191;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 44px;
  cursor: pointer; }

input[type='file']:not(.FormFileUpload__Input)::-webkit-file-upload-button {
  visibility: hidden;
  width: 100%; }

input[type='file']:not(.FormFileUpload__Input)::-ms-browse {
  visibility: hidden;
  width: 100%; }

input[type='file']:not(.FormFileUpload__Input):after,
span.before.file {
  content: 'choose file';
  position: absolute;
  right: 0;
  color: #183B78;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: right;
  text-transform: uppercase; }

span.before.file {
  position: relative;
  height: 44px;
  line-height: 20px; }

.fileSel span.before.file {
  top: 30px; }

.fileSel.hasFile span.before.file {
  top: 0; }

span.before.file ~ input[type='file']:after {
  content: none; }

input[type='file']:hover:after {
  color: #69A9E3; }

input[type='file'] ~ .after.file {
  display: block;
  height: 1px;
  width: 100%;
  background: #D7D7D7; }

input[type='file'].error ~ .after.file {
  background: #CB412B; }

input[type='file'] {
  z-index: 99; }

input[type='file'] ~ .fileSelected {
  position: relative;
  float: left;
  margin-top: -32px;
  overflow: hidden;
  background: #FAFAFA;
  color: #919191;
  font-family: 'Noto Serif';
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap; }

input[type='file'] ~ .fileSelected.selected {
  width: 100%; }

input[type='file'] ~ .fileSelected .icon {
  position: relative;
  top: 3px;
  display: none;
  height: 15px;
  width: 11px;
  background: transparent url("/assets/images/form/fileSelected_valid.png") no-repeat 0 0;
  background-size: 11px 15px; }

input[type='file'].valid ~ .fileSelected {
  margin-top: -34px;
  color: #323232;
  font-size: 14px; }

input[type='file'].valid ~ .fileSelected .icon {
  display: inline-block;
  background-image: url("/assets/images/form/fileSelected_valid.png"); }

input[type='file'].error ~ .fileSelected .icon {
  background-image: url("/assets/images/form/fileSelected_error.png"); }

input[type='checkbox'].error ~ span.checkbox {
  border: 1px solid #CB412B !important; }

.Form__Element.FormChoice .checkbox,
.form__row .checkbox {
  position: absolute; }

.Form__Element.FormChoice .checkbox__text,
.form__row .checkbox__text {
  display: inline-block;
  margin-top: 3px;
  padding-left: 35px; }

/*
input[type="file"] {
	width: 100%;
}
input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
input[type="file"]::before {
  content: 'Select some files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
input[type="file"]:hover::before {
  border-color: black;
}
input[type="file"]:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
*/
.button--hidden {
  display: none; }

.form .subcopy {
  margin-bottom: 10px; }

.label--radio,
.label--checkbox {
  cursor: pointer; }

.form .register .button {
  float: right;
  margin-left: 10px; }

.form .register .subcopy {
  margin: 0; }

@media (min-width: 768px) {
  .form .step_2.complete > div {
    margin-bottom: 10px; } }

.form .step_2.complete > div address,
.form .step_2.complete > div p,
.form .complete p.small,
.form .form__text {
  font-family: 'Noto Serif', serif;
  font-size: 14px; }

.form .tabs__line {
  display: none; }
  @media (min-width: 768px) {
    .form .tabs__line {
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      display: block;
      margin-left: 0;
      height: 2px;
      background: #183B78;
      transition: all 0.5s; } }

.Form__Element.FormRange span {
  display: flex;
  align-items: center; }

.Form__Element.FormRange .FormRange__Min,
.Form__Element.FormRange .FormRange__Max {
  font-family: 'Noto Serif', sans-serif;
  font-size: 14px; }

.Form__Element.FormRange input[type='range'] {
  -webkit-appearance: none;
  margin: 15px 10px;
  width: 100%;
  background: transparent; }
  .Form__Element.FormRange input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    width: 100%;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #E7E7E7; }
  .Form__Element.FormRange input[type='range']::-webkit-slider-thumb {
    height: 30px;
    width: 30px;
    background: #183B78;
    border: 1px solid #436FBC;
    border-radius: 100%;
    box-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5), 0 0 1px rgba(30, 30, 30, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -11px; }
  .Form__Element.FormRange input[type='range']::-moz-range-track {
    height: 10px;
    width: 100%;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #E7E7E7; }
  .Form__Element.FormRange input[type='range']::-moz-range-thumb {
    height: 30px;
    width: 30px;
    background: #183B78;
    border: 1px solid #436FBC;
    border-radius: 100%;
    box-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5), 0 0 1px rgba(30, 30, 30, 0.5);
    cursor: pointer; }
  .Form__Element.FormRange input[type='range']::-ms-track {
    height: 10px;
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 30px 0;
    color: transparent; }
  .Form__Element.FormRange input[type='range']::-ms-thumb {
    height: 30px;
    width: 30px;
    background: #183B78;
    border: 1px solid #436FBC;
    border-radius: 100%;
    box-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5), 0 0 1px rgba(30, 30, 30, 0.5);
    cursor: pointer; }

/*autosuggest*/
.react-autosuggest__container {
  float: left;
  width: 100%; }

.react-autosuggest__suggestions-container {
  clear: both;
  width: 100%; }

.react-autosuggest__suggestions-container {
  background: #FFFFFF; }

.react-autosuggest__suggestions-container ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.react-autosuggest__suggestions-container ul li {
  margin: -1px 0 0 0;
  padding: 10.5px 15px;
  border: solid 1px #E7E7E7;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.3s; }

.react-autosuggest__suggestions-container ul li:hover {
  color: #69A9E3; }
.sponsorlist .sponsor {
  margin-bottom: 20px; }

.sponsorlist .sponsor:last-of-type {
  margin-bottom: 0; }

.sponsorlist .sponsor img {
  width: 100%; }

.sponsorlist .sponsor h5 {
  margin-bottom: 10px; }

.sponsorlist .sponsor p {
  margin-top: 0px; }
.form .contact {
  max-width: 420px;
  margin: 0 auto; }
  .form .contact__intro {
    margin-bottom: 30px; }
    .form .contact__intro p:first-child {
      margin-top: 0; }
    .form .contact__intro p:last-child {
      margin-bottom: 0; }

.form .contact > div {
  float: left;
  width: 100%;
  clear: both; }

.label--newsletter {
  background-color: #183b78;
  float: left;
  padding-left: 20px;
  margin-left: -20px;
  padding-right: 20px;
  margin-right: -20px;
  padding-top: 20px;
  cursor: pointer; }

.label--newsletter .checkbox__text {
  color: #fff;
  float: left;
  padding-bottom: 20px;
  width: 55%; }

.label--newsletter .checkbox {
  border: 1px solid #8cc4f7;
  background-color: #183b78;
  float: left;
  top: 50%;
  transform: translateY(-50%); }

.label--newsletter .checkbox .checkbox__inner:after {
  text-shadow: 2px 2px #183b78;
  color: #fff; }

.label--newsletter .checkbox__img {
  float: right;
  width: 32%;
  position: relative; }

.label--newsletter .checkbox__img img {
  width: 100%;
  position: relative;
  margin-top: -34px;
  bottom: -4px; }
@charset "UTF-8";
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
html {
  background: #FAFAFA; }

body {
  background: #FFFFFF; }

iframe {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none; }

.body {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  overflow: hidden;
  font-family: 'Noto Serif', serif; }
  @media (min-width: 768px) {
    .body {
      padding-top: 0; } }

.container {
  box-sizing: border-box; }

.container--nopb {
  padding-bottom: 0 !important; }

.container--overflow {
  overflow: hidden; }

.hidden {
  display: none; }

.read-only-message {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 1180px;
  font-size: 18px;
  text-align: center; }

[id*='react_'] {
  overflow: visible; }
  [id*='react_']::after {
    content: '';
    clear: both;
    display: table; }

html,
input,
button,
select {
  color: #000000;
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  line-height: 1.43; }
  @media (min-width: 768px) {
    html,
    input,
    button,
    select {
      font-size: 16px;
      line-height: 1.5; } }

.font-primary {
  font-family: 'Playfair Display', serif; }

.font-secondary {
  font-family: 'Noto Serif', serif; }

.font-tertiary {
  font-family: 'Noto Sans', serif; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  margin: 0 0 20px;
  padding: 0;
  font-family: 'Playfair Display', serif;
  font-weight: normal; }

p, address {
  margin: 20px 0 10px;
  padding: 0;
  font-style: normal; }
  @media (min-width: 768px) {
    p, address {
      margin: 20px 0 10px; } }

address {
  max-width: 260px; }

.center {
  text-align: center; }

/*
strong {
	font-weight: normal;
	font-family: 'Playfair Display', serif;
	font-size: 24px;
  	line-height: 1.33;
  	display: block;
    border-top: 1px solid #e6e6e6;
    margin: 20px -20px 20px 0;
    padding-top: 10px;
    box-sizing:border-box;

	@include breakpoint($medium) {
    	margin: 20px 0px;
	}
	@include breakpoint($large) {
		font-size: 32px;
  		line-height: 1.19;
	}
}
*/
.Form__Title,
.FormStep__Title,
.heading {
  clear: both;
  margin: 0 -20px 30px 0;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid #E6E6E6; }
  @media (min-width: 481px) {
    .Form__Title,
    .FormStep__Title,
    .heading {
      margin: 0 0 30px; } }

.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext .contentTitle {
  clear: both;
  margin: 30px -20px 10px 0;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid #E6E6E6;
  line-height: 1.44; }
  @media (min-width: 768px) {
    .richtext h1,
    .richtext h2,
    .richtext h3,
    .richtext h4,
    .richtext h5,
    .richtext .contentTitle {
      margin: 40px 0 10px;
      line-height: 1.33; } }

.richtext h5 {
  font-weight: bold; }

.richtext h1 em,
.richtext h2 em,
.richtext h3 em,
.richtext h4 em,
.richtext h5 em {
  font-style: normal; }

.richtext .contentTitle {
  display: block; }

.title {
  clear: both;
  margin-bottom: 30px; }

h1,
.h1 {
  font-size: 10vw;
  line-height: 1.04; }
  @media (min-width: 481px) {
    h1,
    .h1 {
      font-size: 8vw;
      line-height: 1.09; } }
  @media (min-width: 768px) {
    h1,
    .h1 {
      font-size: 48px;
      line-height: 1.04; } }
  @media (min-width: 1180px) {
    h1,
    .h1 {
      font-size: 64px;
      line-height: 1.09; } }

h2,
.h2 {
  font-size: 32px;
  line-height: 1.19; }
  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 48px;
      line-height: 1.04; } }

h3,
.h3 {
  font-size: 24px;
  line-height: 1.33; }
  @media (min-width: 768px) {
    h3,
    .h3 {
      font-size: 32px;
      line-height: 1.19; } }

h4,
.h4 {
  font-size: 18px;
  line-height: 1.44; }
  @media (min-width: 768px) {
    h4,
    .h4 {
      font-size: 24px;
      line-height: 1.33; } }

h5,
.h5,
.FormStep__Title,
.Form__Title {
  font-size: 16px;
  line-height: 1.5; }
  @media (min-width: 768px) {
    h5,
    .h5,
    .FormStep__Title,
    .Form__Title {
      font-size: 18px;
      line-height: 1.44; } }

.divider {
  position: relative;
  clear: both;
  display: block;
  margin: 0 0 30px;
  width: 100%;
  color: #000000;
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  letter-spacing: 6px;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .divider {
      font-size: 2.5vw; } }
  @media (max-width: 480px) {
    .divider {
      font-size: 4vw; } }

h2.divider {
  margin: 10px 0 40px; }
  @media (min-width: 768px) {
    h2.divider {
      margin: 20px 0 60px; } }

.divider__inner {
  position: relative;
  z-index: 1;
  /*
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    */
  display: inline-block;
  padding: 0;
  padding: 0 20%; }
  @media (max-width: 480px) {
    .divider__inner {
      padding: 0 12.5%; } }

.divider__inner:before {
  content: ' ';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -7px;
  margin-left: -20px;
  height: 15px;
  width: 20px;
  background: #FFFFFF;
  border-left: 1px solid #E7E7E7; }
  @media (max-width: 767px) {
    .divider__inner:before {
      position: absolute; } }

.divider__inner:after {
  content: ' ';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -7px;
  margin-right: -20px;
  height: 15px;
  width: 18px;
  background: #FFFFFF;
  border-right: 1px solid #E7E7E7; }

.divider__innerwrap {
  display: inline-block;
  padding: 0;
  background: #FFFFFF; }

.divider:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1px;
  width: 100%;
  background: #E7E7E7; }

.intro {
  color: #656565;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  line-height: 1.4; }

.lead {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.43; }
  @media (min-width: 768px) {
    .lead {
      font-size: 18px;
      line-height: 1.56; } }

blockquote,
.quote {
  position: relative;
  clear: both;
  float: left;
  margin: 20px 0;
  padding: 40px 0 10px 0;
  width: 100%;
  box-sizing: border-box;
  color: #212121;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-style: italic;
  line-height: 1.4; }
  @media (min-width: 481px) {
    blockquote,
    .quote {
      padding: 40px 0 10px 30px;
      border-left: 1px solid #9F9F9F; } }

blockquote:before,
.quote:before {
  content: '\201C\201D';
  position: absolute;
  top: 0;
  padding-top: 13px;
  height: 5px;
  color: #69A9E3;
  font-family: 'Playfair Display', serif;
  font-size: 74px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 20px; }

blockquote cite,
.quote cite {
  display: block;
  margin-top: 25px;
  color: #464646;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5; }

.quote__date {
  float: right; }

.quote--small {
  color: #212121;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5; }

.small,
address {
  font-size: 12px;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .small,
    address {
      font-size: 14px;
      line-height: 1.43; } }

.map .small,
address {
  font-family: 'Noto Sans', serif; }

address {
  white-space: pre-line; }

dl dd,
dl dt {
  color: #212121;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  line-height: 1.5; }

.datalist dt {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #868686;
  font-family: 'Noto Sans', serif;
  font-size: 14px; }
  @media (min-width: 768px) {
    .datalist dt {
      margin-bottom: 10px;
      padding-right: 20px;
      width: 20%; } }
  .datalist dt:before {
    content: ' ';
    clear: both;
    display: block;
    width: 100%; }

.datalist dd {
  margin-bottom: 10px;
  color: #1C1C1C;
  font-family: 'Noto Serif', serif;
  font-size: 14px; }
  @media (min-width: 768px) {
    .datalist dd {
      margin-bottom: 10px; } }
  .datalist dd:after {
    content: ' ';
    clear: both;
    display: block;
    width: 100%; }

.datalist dt:last-of-type,
.datalist dd:last-of-type {
  margin-bottom: 0; }

ol.numbered {
  margin: 0 0 25px;
  padding: 0 0 0 25px;
  list-style-type: none; }

ol.numbered li {
  position: relative;
  padding: 0 0 5px 0;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  line-height: 1.5;
  counter-increment: list-counter; }
  @media (min-width: 768px) {
    ol.numbered li {
      font-size: 14px;
      line-height: 1.43; } }

ol.numbered li:before {
  content: counter(list-counter);
  position: absolute;
  display: block;
  margin: 2px 0 0 -20px;
  font-size: 9px; }
  @media (min-width: 768px) {
    ol.numbered li:before {
      font-size: 11px; } }

.subcopy {
  font-family: 'Noto Sans',sans-serif;
  font-size: 14px; }

label,
.Form__Element__Caption,
.label,
.data--highlight dt {
  color: #212121;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
  text-transform: uppercase; }

.label--small,
.data--highlight dt {
  color: #69A9E3;
  font-size: 10px;
  letter-spacing: 1.7px;
  line-height: 1.5; }

.subcopy {
  color: #656565;
  font-size: 12px;
  line-height: 1.5; }

.label--link {
  color: #183B78;
  text-transform: uppercase;
  cursor: pointer; }

.label--link.link--arrow:after {
  top: 8px;
  right: -20px;
  color: #183B78;
  transition: color 0.3s; }

.label--link.link--arrow:hover:after {
  color: #69A9E3; }

.label--date {
  margin-left: 10px;
  padding-left: 10px;
  color: #9F9F9F;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: initial; }

.label--italic {
  padding-right: 10px;
  color: #9F9F9F;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: initial; }

.label--grey {
  padding-right: 10px;
  color: #9F9F9F;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: initial; }

.label--date:before {
  content: '|';
  position: relative;
  left: -10px;
  color: #9F9F9F;
  font-style: normal; }

.label--time {
  color: #4D4D4D;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  text-align: left; }

.label--time:before {
  content: ' ';
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 5px;
  height: 17px;
  width: 17px;
  background: #CCCCCC; }

.container {
  margin: 0 auto;
  padding: 0 10px 20px;
  max-width: 1180px; }
  @media (min-width: 768px) {
    .container {
      padding-bottom: 40px; } }
  .container::after {
    content: ' ';
    clear: both;
    display: block; }

.container--side {
  position: relative; }
  @media (min-width: 768px) {
    .container--side {
      padding-top: 20px;
      border-top: 1px solid #e7e7e7; } }

@media (min-width: 768px) {
  .container--main {
    border-top: 1px solid #e7e7e7; } }

/*
.container {
	background:rgba(0,0,0,0.25);
}
.col {
	background:rgba(0,0,0,0.25);
}
.col .col {
	background:rgba(0,0,0,0.25);
}
*/
.col {
  float: left;
  margin: 0 10px;
  width: calc(140px + (100% - 160px)); }

.container--main > div:after {
  content: ' ';
  clear: both;
  display: table; }

.col--flex {
  display: flex;
  width: 100%; }

.col--col {
  margin: 0;
  width: 100%; }

.col--inner {
  float: left;
  margin-right: -10px !important;
  margin-left: -10px !important;
  width: calc(100% + 20px) !important; }

.col--wrapper {
  float: left;
  width: calc(100px + ((100% - 160px) / 8 * 6)); }

@media (min-width: 481px) {
  .col--push_1 {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (max-width: 480px) {
  .col--push_1_small {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--push_1_medium {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 768px) {
  .col--push_1_large {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (max-width: 767px) {
  .col--push_1_medium_max {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 1180px) {
  .col--push_1_xl {
    margin-left: calc(20px + ((100% - 160px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 768px) {
  .col--push_2_large {
    margin-left: calc(40px + ((100% - 160px) / 8 * 2));
    padding-left: 10px; } }

@media (min-width: 481px) {
  .col--push_2_medium {
    margin-left: calc(40px + ((100% - 160px) / 8 * 2));
    padding-left: 10px; } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--push_2_medium_only {
    margin-left: calc(40px + ((100% - 160px) / 8 * 2));
    padding-left: 10px; } }

@media (max-width: 767px) {
  .col--push_2_medium_max {
    margin-left: calc(40px + ((100% - 160px) / 8 * 2));
    padding-left: 10px; } }

.col--push_2 {
  margin-left: calc(40px + ((100% - 160px) / 8 * 2)); }

@media (max-width: 767px) {
  .col--push_3_medium_max {
    margin-left: calc(60px + ((100% - 160px) / 8 * 3));
    padding-left: 10px; } }

@media (min-width: 481px) {
  .col--span1 {
    width: calc(((100% - 160px) / 8 * 1)); } }

@media (min-width: 481px) {
  .col--span2 {
    width: calc(20px + ((100% - 160px) / 8 * 2)); } }

@media (min-width: 481px) {
  .col--span3 {
    width: calc(40px + ((100% - 160px) / 8 * 3)); } }

@media (min-width: 481px) {
  .col--span4 {
    width: calc(60px + ((100% - 160px) / 8 * 4)); } }

@media (min-width: 481px) {
  .col--span5 {
    width: calc(80px + ((100% - 160px) / 8 * 5)); } }

@media (min-width: 481px) {
  .col--span6 {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--span6_medium {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (min-width: 768px) {
  .col--span6_large {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (max-width: 767px) {
  .col--span6_medium_max {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (min-width: 481px) {
  .col--span7 {
    width: calc(120px + ((100% - 160px) / 8 * 7)); } }

@media (min-width: 481px) {
  .col--span8 {
    width: calc(140px + (100% - 160px)); } }

@media (max-width: 480px) {
  .col--span1_small {
    width: calc(((100% - 160px) / 8 * 1)); } }

@media (max-width: 480px) {
  .col--span2_small {
    width: calc(20px + ((100% - 160px) / 8 * 2)); } }

@media (max-width: 480px) {
  .col--span4_small {
    width: calc(60px + ((100% - 160px) / 8 * 4)); } }

@media (max-width: 480px) {
  .col--span6_small {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (max-width: 480px) {
  .col--span7_small {
    width: calc(120px + ((100% - 160px) / 8 * 7)); } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--span2_medium {
    width: calc(20px + ((100% - 160px) / 8 * 2)); } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--span3_medium {
    width: calc(40px + ((100% - 160px) / 8 * 3)); } }

@media (min-width: 481px) and (max-width: 767px) {
  .col--span4_medium {
    width: calc(60px + ((100% - 160px) / 8 * 4)); } }

@media (min-width: 768px) {
  .col--span1_large {
    width: calc(((100% - 160px) / 8 * 1)); } }

@media (min-width: 768px) {
  .col--span2_large {
    width: calc(20px + ((100% - 160px) / 8 * 2)); } }

@media (min-width: 768px) {
  .col--span3_large {
    width: calc(40px + ((100% - 160px) / 8 * 3)); } }

@media (min-width: 768px) {
  .col--span4_large {
    width: calc(60px + ((100% - 160px) / 8 * 4)); } }

@media (min-width: 768px) {
  .col--span5_large {
    width: calc(80px + ((100% - 160px) / 8 * 5)); } }

@media (min-width: 768px) {
  .col--span8_large {
    width: calc(140px + (100% - 160px)); } }

@media (min-width: 1180px) {
  .col--span1_xl {
    width: calc(((100% - 160px) / 8 * 1)); } }

@media (min-width: 1180px) {
  .col--span2_xl {
    width: calc(20px + ((100% - 160px) / 8 * 2)); } }

@media (min-width: 1180px) {
  .col--span3_xl {
    width: calc(40px + ((100% - 160px) / 8 * 3)); } }

@media (min-width: 1180px) {
  .col--span6_xl {
    width: calc(100px + ((100% - 160px) / 8 * 6)); } }

@media (min-width: 1180px) {
  .col--span7_xl {
    width: calc(120px + ((100% - 160px) / 8 * 7)); } }

a {
  color: #69A9E3;
  text-decoration: none;
  transition: color 0.3s; }

a:hover {
  color: #69A9E3; }

.link--arrow,
.link--arrow a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  padding-bottom: 5px;
  color: #183B78;
  text-decoration: none; }

.link--arrow a {
  padding: 0; }

.link--arrow:after {
  content: '\27A4';
  position: absolute;
  top: 9px;
  right: 0;
  color: #183B78;
  color: #4984B9;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px; }

.link--back:before {
  content: '\27A4';
  position: relative;
  display: inline-block;
  margin-right: 10px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  transform: rotate(180deg); }

.buttons--center {
  text-align: center; }

.buttons--center a,
.buttons--center span {
  float: none; }

input::file-selector-button,
input[type='reset'].FormResetButton,
.Form__NavigationBar__Action,
button.Form__Element,
.EPiServerForms .FormCaptcha button.FormCaptcha__Refresh,
.button {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  padding: 13.5px 24px;
  background: #183B78;
  border: solid 1px #436FBC;
  outline: none;
  color: #E7E7E7;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s; }

.EPiServerForms .FormCaptcha button.FormCaptcha__Refresh {
  float: none; }

input::file-selector-button {
  float: none;
  margin-right: 10px; }

button.Form__Element[disabled],
.Form__NavigationBar__Action[disabled],
.button[disabled],
.button[disabled]:hover {
  opacity: 0.5;
  color: #FFFFFF;
  cursor: default; }

button.Form__Element[disabled]:hover:after,
.Form__NavigationBar__Action[disabled]:hover:after,
.button[disabled]:hover:after {
  color: #FFFFFF; }

button.FormSubmitButton,
input[type='reset'].FormResetButton {
  margin: 0 10px 10px 0; }

button.FormImageSubmitButton {
  padding: 5px; }

span.button:not(.link_holder) {
  padding: 0;
  border: none; }

span.button a {
  display: block;
  padding: 13.5px 24px;
  border: solid 1px #436FBC;
  color: #E7E7E7; }

span.button--download a {
  padding-right: 35px; }

.link_holder {
  position: relative; }

.link_holder a {
  position: relative;
  display: block;
  margin: -13.5px -24px;
  margin: -13.5px -24px -13.5px -24px;
  padding: 13.5px 24px;
  padding: 13.5px 24px 13.5px 24px;
  width: 100%;
  box-sizing: content-box;
  color: inherit;
  transition: initial; }

.button--alt {
  background-color: #FFFFFF;
  border: solid 1px #E7E7E7;
  color: #212121; }

span.button--alt {
  border: none; }

span.button--alt a {
  border: solid 1px #E7E7E7;
  color: #212121; }

.button--light {
  background-color: #F3F3F3;
  border: 1px solid #F3F3F3;
  color: #183B78; }

:not(span).button--arrow:after,
span.button--arrow a:after {
  content: '\27A4';
  float: right;
  margin-right: -15px;
  margin-left: 10px;
  padding-right: 5px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  transition: color 0.3s; }

:not(span).button.button--arrow {
  position: relative;
  padding-right: 34px; }

span.button.button--arrow {
  position: relative; }

span.button.button--arrow > a {
  padding-right: 34px; }

:not(span).button.button--arrow:after,
span.button.button--arrow a:after {
  content: '\27A4';
  position: absolute;
  top: 50%;
  right: 23px;
  float: right;
  margin-top: -9px;
  margin-right: -15px;
  margin-left: 10px;
  padding-right: 5px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  transition: color 0.3s; }

:not(span).button--arrow.button--link:after,
span.button--arrow.button--link a:after {
  right: 0;
  margin-right: 0;
  margin-left: 0;
  padding-right: 14px;
  padding-right: 0; }

span.button--arrow:after {
  content: none; }

:not(span).button--arrow.button--alt:after,
span.button--arrow.button--alt a:after {
  color: #183B78; }

.button--link,
span.button--link a {
  margin-bottom: 8.5px;
  padding: 14.5px 0;
  padding-bottom: 5px;
  border-top: none;
  border-right: none;
  border-left: none; }

.button:hover,
span.button a:hover,
.button:hover:after,
span.button a:hover:after {
  color: #69A9E3; }

.button--download {
  position: relative;
  margin: 0 0 20px;
  padding: 13.5px 45px 13.5px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: left; }

.button--download:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  margin-top: -14px;
  margin-left: 0;
  height: 24px;
  width: 20px;
  background: transparent url("/assets/images/download@3x.png") 50% 50% no-repeat;
  background-size: 20px 24px; }

.button__size {
  clear: both;
  display: block;
  color: #69A9E3;
  font-size: 10px;
  letter-spacing: 1.7px;
  line-height: 1.5; }

.link--arrowLarge {
  position: relative;
  display: inline-block;
  padding-bottom: 0;
  height: 55px;
  width: 40px;
  overflow: hidden;
  box-sizing: border-box;
  background: #FFFFFF;
  text-indent: -999em; }

.link--arrowLarge:after {
  content: '\27A4';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  color: #4984B9;
  color: #183B78;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  text-indent: 0;
  transition: color 0.3s; }

.link--arrowLarge.next {
  float: right;
  border-left: solid 1px #E7E7E7; }

.link--arrowLarge.previous {
  float: left;
  border-right: solid 1px #E7E7E7; }

.link--arrowLarge.next:after {
  left: 14px; }

.link--arrowLarge.previous:after {
  right: 14px;
  transform: rotate(180deg); }

.link--arrowLarge:hover:after,
a:hover .link--arrowLarge:after {
  color: #69A9E3; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #464646;
  font-family: 'Noto Serif', serif; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #464646;
  font-family: 'Noto Serif', serif; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #464646;
  font-family: 'Noto Serif', serif; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #464646;
  font-family: 'Noto Serif', serif; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #464646;
  font-family: 'Noto Serif', serif; }

.search_bar ::-webkit-input-placeholder {
  color: #D7D7D7;
  font-family: 'Playfair Display', serif; }

.search_bar :-moz-placeholder {
  color: #D7D7D7;
  font-family: 'Playfair Display', serif; }

.search_bar ::-moz-placeholder {
  color: #D7D7D7;
  font-family: 'Playfair Display', serif; }

.search_bar :-ms-input-placeholder {
  color: #D7D7D7;
  font-family: 'Playfair Display', serif; }

.search_bar ::-ms-input-placeholder {
  color: #D7D7D7;
  font-family: 'Playfair Display', serif; }

input:focus {
  outline: 0; }

input[type='text'],
input[type='password'] {
  padding: 10.5px 15px;
  background: #FFFFFF;
  border: none; }

input {
  -moz-appearance: none; }

input:required {
  box-shadow: none; }

input:invalid {
  box-shadow: none; }

button[disabled],
a[disabled] {
  position: relative;
  overflow: hidden;
  transition: opacity 1s; }

button[disabled]:before,
a[disabled]:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  width: 0%;
  background: #69A9E3;
  background: #FFFFFF;
  animation: line 3s;
  animation-iteration-count: infinite; }

.EPiServerForms button[disabled]:before {
  display: none; }

a.link--arrow[disabled]:before {
  bottom: 1px;
  left: 20px;
  animation: line2 3s;
  animation-iteration-count: infinite; }

@keyframes line2 {
  0% {
    width: 0%; }
  100% {
    width: calc( 100% - 40px); } }

@keyframes line {
  0% {
    width: 0%; }
  40% {
    left: 0%; }
  100% {
    left: 100%;
    width: 100%; } }

dl {
  margin: 0;
  padding: 0; }

dl dd {
  margin: 0;
  padding: 0; }

dl dt {
  margin: 0;
  padding: 0; }

.data--inline dt,
.data--inline dd {
  color: #4d4d4d; }

.data--inline dt {
  float: left;
  margin-right: 5px; }

.data--inline dd {
  overflow: hidden; }

.datalist .data--inline dd {
  overflow: initial; }

.richtext ul {
  padding: 0 0 0 20px;
  margin: 30px 0 0;
  list-style: none; }

.richtext ul li {
  padding: 0;
  margin: 0 0 10px;
  position: relative; }

.richtext ul li:before {
  color: #183b78;
  content: "\2666";
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  position: absolute;
  left: -19px;
  top: 2px; }

/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.panel {
  padding: 20px; }

.imagepanel {
  margin-bottom: 20px; }

.imagepanel img {
  max-width: 100%; }

/*radio*/
.radio {
  display: block;
  height: 14px;
  width: 14px;
  background-color: #FFFFFF;
  border: 1px solid #183B78;
  border-radius: 8px; }

.radio__inner {
  position: relative;
  top: 3px;
  left: 3px;
  display: block;
  height: 8px;
  width: 8px;
  background-color: #FFFFFF;
  border-radius: 4px; }

input[type='radio'] {
  display: none; }

input[type='radio']:checked ~ .radio > .radio__inner {
  background-color: #69A9E3; }

.richtext h1:first-of-type,
.richtext h2:first-of-type,
.richtext h3:first-of-type,
.richtext h4:first-of-type,
.richtext h5:first-of-type {
  margin-top: 0; }

.richtext p ~ h1:first-of-type,
.richtext p ~ h2:first-of-type,
.richtext p ~ h3:first-of-type,
.richtext p ~ h4:first-of-type,
.richtext p ~ h5:first-of-type {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .richtext p ~ h1:first-of-type,
    .richtext p ~ h2:first-of-type,
    .richtext p ~ h3:first-of-type,
    .richtext p ~ h4:first-of-type,
    .richtext p ~ h5:first-of-type {
      margin-top: 40px; } }

.richtext {
  clear: both;
  float: none;
  margin: 10px 0 10px;
  width: 100%; }
  @media (min-width: 768px) {
    .richtext {
      margin: 20px 0 10px; } }

.richtext iframe {
  display: inline; }

.richtext .image--full {
  margin: 20px 0;
  height: 100%;
  width: 100%; }

.richtext .image--left, .richtext .image--right {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px; }
  .richtext .image--left::after, .richtext .image--right::after {
    content: '';
    clear: both;
    display: table; }

.richtext .image--left {
  clear: right;
  float: left;
  margin-right: 20px; }

.richtext .image--right {
  clear: left;
  float: right;
  margin-left: 20px; }

.richtext img.buynowcta {
  height: 84px;
  width: 333px; }

.introduction h1 {
  padding-top: 20px; }

.component {
  clear: both;
  float: left;
  margin: 30px 0 10px;
  width: 100%; }
  @media (min-width: 768px) {
    .component {
      margin: 40px 0 20px; } }

.component .component {
  margin: 0; }

.scEnabledChrome > div.component {
  float: none; }

@media (min-width: 1180px) {
  .container--main p,
  .container--main blockquote {
    width: 100%;
    max-width: 680px; } }

@media (min-width: 1180px) {
  .container--main p.intro,
  .container--main p:first-of-type {
    width: 100%; } }

.richtext p:first-of-type {
  margin-top: 0; }

@media (min-width: 1180px) {
  .container--main ul {
    max-width: 660px; } }

@media (min-width: 1180px) {
  .container--main .people ul {
    max-width: 100%; } }

@media (max-width: 767px) {
  .container--side .col--inner > div ~ div {
    display: none; } }

.container--side .h4.heading {
  padding-top: 20px;
  color: #69A9E3;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
  text-transform: uppercase; }

.author__h1 {
  display: none; }
  @media (min-width: 768px) {
    .author__h1 {
      display: block; } }

table, table * {
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

table {
  background: #f2f2f2;
  width: 100%;
  margin: 30px 0px 10px; }
  @media (min-width: 768px) {
    table {
      margin: 40px 0px 10px; } }

table caption {
  text-align: left;
  padding: 10px 0px 30px 0px;
  font-size: 18px;
  border-top: solid 1px #e6e6e6; }

table thead tr {
  border: 1px solid #f2f2f2; }

table thead th {
  font-weight: normal;
  text-align: left;
  padding: 10px;
  -webkit-column-span: 2;
  /* Chrome, Safari, Opera */
  column-span: 2; }

table tbody td {
  background: #fff;
  border: 1px solid #f2f2f2;
  padding: 10px;
  font-family: 'Noto Sans', serif;
  font-size: 14px; }

/*
table tbody td:first-of-type {
	color:#4a4a4a;
	font-family: 'Noto Sans', serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	padding-left: 0;
	border-right: 1px solid #d7d7d7;
	font-size: 12px;
}
*/
table td:first-of-type {
  border-left: none; }

table td:last-of-type {
  border-right: none; }

table tr:first-of-type td {
  border-top: 1px solid #d7d7d7; }

table tr:last-of-type td {
  border-bottom: 1px solid #d7d7d7; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.locationlist .location {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto; }

.locationlist .col--inner {
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 480px) {
    .locationlist .col--inner {
      margin-bottom: 20px; } }

.locationlist .location:last-of-type .col--inner {
  margin-bottom: 0px; }

.locationlist .col--inner:after {
  content: ' ';
  width: calc(100% - 20px);
  height: 1px;
  background: #d7d7d7;
  display: block;
  position: relative;
  left: 10px; }

@media (max-width: 480px) {
  .locationlist .link--arrow {
    width: 100%; } }

.locationlist h4 {
  margin-bottom: 0; }
  @media (max-width: 480px) {
    .locationlist h4 {
      padding-top: 20px; } }

.locationlist .phone,
.locationlist .loc {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 1.43;
  margin-bottom: 15px; }

.locationlist .phone a {
  color: #000000; }

.locationlist .phone a:hover {
  color: #69a9e3; }

.locationlist .loc img {
  margin-right: 5px;
  position: relative;
  top: 2px; }

@media (min-width: 481px) {
  .locationlist .label {
    bottom: 10px;
    padding-right: 30px;
    position: absolute; } }

.locationlist .label:after {
  right: 10px !important; }

.locationlist .label:hover a {
  color: #69a9e3; }

@media (max-width: 480px) {
  .locationlist .col--flex {
    display: block; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.filter {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .filter {
      margin-bottom: 80px; } }

.filter .col {
  width: 50%;
  float: left;
  margin: 0 0 10px;
  min-height: 1px; }
  @media (min-width: 768px) {
    .filter .col {
      width: 16.66%;
      margin-bottom: 0; } }

.filter_item {
  padding: 0 10px 10px;
  box-sizing: border-box; }

.filter_title {
  display: block;
  font-family: 'Noto Serif', sans serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #656565;
  padding-bottom: 10px; }

.filter_link {
  display: block;
  border-bottom: solid 1px #979797;
  padding-bottom: 5px;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.filter_link:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #dbdbdb;
  margin: 0px 0 0 10px;
  position: absolute;
  top: 5px;
  right: 0px;
  transform: rotate(90deg); }

.filter_link:hover {
  color: #69a9e3; }

.filter_link.filter_link--select:after {
  transform: none; }

.filter_link select {
  border: none;
  outline: none;
  width: 100%;
  margin-left: 0;
  float: left;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: ''; }

.filter_link select::-ms-expand {
  display: none; }

.filter_panel label {
  width: 100%;
  clear: both;
  display: block;
  font-family: 'Noto Serif', serif;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #323232;
  font-size: 14px;
  padding: 10px 0; }

.filter_panel label .checkbox {
  display: inline-block;
  margin-right: 15px;
  position: relative; }

.filter_panel label > input[disabled] ~ .checkbox__text {
  color: #ccc; }

.filter_panel label > input[disabled] ~ .checkbox {
  border-color: #ccc; }

.filter_panel__cta {
  margin-top: 0px;
  margin-bottom: 30px;
  float: left;
  width: 100%; }

.filter_panel__cta .button {
  cursor: pointer; }

@media (max-width: 480px) {
  .filter_panel__cta .button--arrow {
    width: 100% !important;
    text-align: center; } }

.filter_panel__cta .button--light {
  margin-right: 10px;
  background: #fff;
  border-color: #fff;
  padding-left: 0;
  border-left: 0; }

.filter_panel p.label {
  font-size: 10px;
  border-bottom: solid 1px #d7d7d7;
  color: #69a9e3;
  padding-bottom: 10px; }

.filter__category {
  margin-bottom: 30px; }

input[type="checkbox"] {
  position: absolute;
  opacity: 0; }

.filter_results {
  margin: 0 auto;
  clear: both; }
  @media (min-width: 768px) {
    .filter_results {
      width: 80%;
      clear: both; } }

.filter_results .person {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 10px; }

@media (min-width: 768px) {
  .filter_results .feature img {
    /*width: 40%!important;*/ } }

@media (min-width: 768px) {
  .filter_results .feature .feature__content {
    width: 60% !important; } }

.tabfilter .tabs__line {
  display: none; }
  @media (min-width: 768px) {
    .tabfilter .tabs__line {
      display: block; } }

.tabfilter .tabs__title {
  border-bottom: 3px solid #f8f8f8;
  margin-bottom: 2px; }
  @media (min-width: 768px) {
    .tabfilter .tabs__title {
      border: none !important;
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .tabfilter .tabs__title.tabs__title--active {
    border-bottom: solid 3px #183b78;
    margin-bottom: 0px !important; } }

.tabfilter .tabs__title.react-tabs__tab--selected {
  border-bottom: 2px solid #183b78; }

.filter_panel label .checkbox__text {
  font-size: 18px;
  top: 2px;
  position: relative; }

.filter_panel .hideshow label .checkbox__text {
  font-size: 14px;
  top: auto; }

.filter_panel .hideshow label:last-of-type {
  padding-bottom: 0; }

.filter_panel .label--hideshow {
  text-align: left;
  margin-top: 10px; }

.filter_panel .filter_panel__cta .button {
  box-sizing: border-box;
  width: 50%;
  margin-right: 0;
  margin-bottom: 10px;
  min-width: 160px;
  float: right; }

.filter_panel .filter_panel__cta .button:first-child {
  float: left; }
.chapter__slidein .label {
  cursor: pointer;
  color: #183b78;
  transition: color .5s; }

.chapter__slidein .label:hover {
  color: #69a9e3; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.pagination {
  width: 100%;
  padding-top: 20px;
  text-align: center;
  clear: both; }
  @media (min-width: 768px) {
    .pagination {
      width: 80%;
      margin-left: 10%; } }

.pagination__previous {
  float: left; }

.pagination__next {
  float: right; }

.pagination ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  width: auto;
  display: none;
  margin-top: 0; }
  @media (min-width: 768px) {
    .pagination ul {
      display: inline-block; } }

.pagination ul li {
  display: inline-block; }

.pagination ul li a {
  display: block;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #323232;
  width: 25px; }

.pagination ul li a:hover {
  color: #69a9e3; }

.pagination ul li.selected a {
  color: #183b78;
  font-weight: bold;
  cursor: default; }

.pagination .link--back {
  padding-left: 20px;
  position: relative;
  color: #183b78;
  margin-top: 5px; }
  @media (max-width: 767px) {
    .pagination .link--back {
      color: #fff !important;
      width: 45px;
      height: 45px;
      padding: 0;
      margin: 0;
      border-right: solid 1px #e7e7e7; } }

.pagination a {
  cursor: pointer; }

.pagination .link--back:before {
  position: absolute;
  left: 0;
  color: #183b78;
  top: 6px;
  transition: color .3s; }
  @media (max-width: 767px) {
    .pagination .link--back:before {
      top: 21px;
      left: 11px; } }

.pagination .link--arrow {
  padding-right: 20px;
  margin-top: 5px; }
  @media (max-width: 767px) {
    .pagination .link--arrow {
      color: #fff !important;
      width: 45px;
      height: 45px;
      padding: 0;
      margin: 0;
      border-left: solid 1px #e7e7e7; } }

.pagination .link--arrow:after {
  color: #183b78;
  top: 8px;
  transition: color .3s; }
  @media (max-width: 767px) {
    .pagination .link--arrow:after {
      top: 21px;
      right: 11px; } }

.pagination .link--arrow.disabled,
.pagination .link--back.disabled,
.pagination .link--arrow.disabled:after,
.pagination .link--back.disabled:before {
  color: #e7e7e7 !important;
  cursor: default; }

@media (max-width: 767px) {
  .pagination .link--arrow.disabled,
  .pagination .link--back.disabled {
    color: #fff !important; } }

.pagination .label:hover,
.pagination .label:hover:before,
.pagination .label:hover:after {
  color: #69a9e3; }

.pagination__title {
  line-height: 45px;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .pagination__title {
      display: none; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.tabfilter .tabs__list {
  width: 100%; }

.tabfilter .tabs__list li {
  width: 50%;
  padding: 0;
  display: inline-block; }
  @media (min-width: 768px) {
    .tabfilter .tabs__list li {
      width: 20%; } }

.tabfilter .tabs__list li span {
  display: block;
  padding: 15px;
  background: #f8f8f8;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  font-family: 'Noto Sans', sans-serif;
  color: #5b5959;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.7px;
  font-weight: bold; }
  @media (min-width: 481px) {
    .tabfilter .tabs__list li span {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      display: flex; } }

.tabfilter .tabs__list li.react-tabs__tab--selected span {
  color: #183b78; }

.tabfilter .tabs__line {
  height: 2px;
  background: #183b78;
  left: 0;
  margin-left: 1px;
  top: auto;
  bottom: 0; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.ReactModal__Body--open {
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 100%; }

@media (max-width: 480px) {
  .ReactModal__Body--open.hide_children > div,
  .ReactModal__Body--open.hide_children--all > div {
    display: none; } }

.ReactModal__Body--open.hide_children .ReactModalPortal,
.ReactModal__Body--open.hide_children--all .ReactModalPortal,
.ReactModal__Body--open.hide_children > div:first-of-type {
  display: block; }

@media (max-width: 480px) {
  .ReactModal__Body--open.hide_children--all > div:first-of-type {
    display: none; } }

.ReactModal__Overlay {
  cursor: pointer;
  box-sizing: border-box;
  max-height: 100%; }

.ReactModal__Content {
  cursor: initial;
  width: 100%;
  height: 100%;
  padding: 5px !important;
  max-height: 100%;
  overflow: hidden;
  /*
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    */ }
  @media (min-width: 481px) {
    .ReactModal__Content {
      width: 480px; } }

@media (min-width: 481px) {
  .menuoverlay .ReactModal__Content {
    width: auto; } }

.ReactModal__Content .scrollarea {
  max-height: 100%;
  height: 100%;
  box-sizing: border-box; }

.ReactModal__Content .scrollarea-content {
  padding: 15px !important;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .ReactModal__Content .scrollarea-content {
      padding: 30px !important; } }

@media (min-width: 768px) {
  .ReactModal__Content.slidein_menu,
  .menuoverlay {
    display: none; } }

.ReactModal__Content.slidein_menu,
.ReactModal__Content.slidein_menu .scrollarea-content {
  padding: 0px !important; }

.ReactModal__Content.slidein_menu {
  padding-top: 70px !important; }

@media (min-width: 768px) {
  .ReactModal__Content .scrollarea-content.content .overlay--close {
    top: 30px; } }

.ReactModal__Content h3 {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
  font-family: 'Noto Sans', serif;
  color: #212121;
  text-transform: uppercase;
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
  padding-right: 30px; }
  @media (min-width: 481px) {
    .ReactModal__Content h3 {
      padding-top: 3px;
      padding-bottom: 30px; } }

.ReactModal__Content .lead {
  margin-bottom: 20px;
  display: block; }

.popup__portal > * {
  opacity: 0 !important; }

.popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  z-index: 999;
  opacity: 0; }

.popup__content {
  position: relative;
  background: #fff;
  overflow: auto;
  outline: none;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.popup {
  transition: opacity 1000ms ease-in-out !important;
  background: rgba(0, 0, 0, 0.15) !important; }
  .popup--open {
    opacity: 1 !important; }
  .popup--close {
    opacity: 0 !important; }

/*close*/
.overlay--close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 22px;
  height: 22px;
  opacity: 0.6;
  text-indent: -999em;
  cursor: pointer;
  transition: opacity .5s;
  z-index: 999; }
  @media (min-width: 481px) {
    .overlay--close {
      top: 35px;
      right: 35px; } }

.overlay--close:hover {
  opacity: 1; }

.overlay--close:before,
.overlay--close:after {
  position: absolute;
  left: 10px;
  top: -10px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #fff; }

.overlay--close:before,
.overlay--close:after {
  background-color: #183b78; }
  @media (min-width: 481px) {
    .overlay--close:before,
    .overlay--close:after {
      top: -4px; } }

.overlay--close:before {
  transform: rotate(45deg); }

.overlay--close:after {
  transform: rotate(-45deg); }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.sponsors {
  background: transparent url(/assets/images/research/map.png) no-repeat 50% 50%;
  background-size: 100%; }
  @media (min-width: 768px) {
    .sponsors {
      background-size: 80%; } }

.sponsors .sponsor_carousel_nav:after {
  content: ' ';
  width: 80%;
  display: block;
  height: 1px;
  position: relative;
  left: 10%;
  opacity: .3;
  background: #6da2d2;
  margin-top: 10px; }

.sponsors .sponsor_carousel_nav:before {
  content: ' ';
  width: 100px;
  display: block;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  background: #6da2d2;
  margin-left: -50px; }

.sponsors .label--italic {
  text-align: center;
  margin-bottom: 20px; }

.sponsor_carousel {
  position: relative; }

.sponsor_carousel .carousel__panel {
  width: 100%;
  padding: 0 30px; }

.sponsor_carousel .carousel__panel a {
  color: #000;
  display: block;
  width: 100%; }

.sponsor_carousel .carousel__panel a:hover {
  color: #69a9e3; }

.sponsor_carousel_nav .carousel__panel {
  width: 33.33%; }
  @media (min-width: 768px) {
    .sponsor_carousel_nav .carousel__panel {
      width: 20%; } }

.sponsors.items_2 .sponsor_carousel_nav .carousel__panel,
.sponsors.items_3 .sponsor_carousel_nav .carousel__panel {
  width: 100%;
  padding: 0 25%; }
  @media (min-width: 768px) {
    .sponsors.items_2 .sponsor_carousel_nav .carousel__panel,
    .sponsors.items_3 .sponsor_carousel_nav .carousel__panel {
      padding: 0 40%; } }

.sponsors.items_4 .sponsor_carousel_nav .carousel__panel,
.sponsors.items_5 .sponsor_carousel_nav .carousel__panel {
  width: 33.33%;
  padding: 0 5%; }
  @media (min-width: 768px) {
    .sponsors.items_4 .sponsor_carousel_nav .carousel__panel,
    .sponsors.items_5 .sponsor_carousel_nav .carousel__panel {
      padding: 0 8%; } }

.sponsor_carousel_nav button {
  display: none; }

.sponsor_carousel .carousel__panel {
  text-align: center; }

.sponsor_carousel .carousel__panel img {
  width: auto;
  height: auto; }

.sponsor_carousel .carousel__panel p {
  max-width: 600px;
  margin: 0 auto 30px; }

.sponsors.items_1 .sponsor_carousel button.previous,
.sponsors.items_1 .sponsor_carousel button.next {
  display: none; }

.sponsor_carousel .carousel__panel .label.link--arrow {
  padding: 0; }

.sponsor_carousel .carousel__panel .label.link--arrow:after {
  content: none; }

.sponsor_carousel .carousel__panel .label.link--arrow a:after {
  content: "\27A4";
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  position: absolute;
  color: #183b78;
  right: -3px;
  top: 8px;
  transition: color .3s; }

.sponsor_carousel .carousel__panel .label.link--arrow a {
  border-bottom: solid 1px #e7e7e7;
  padding-right: 25px;
  display: inline;
  padding-bottom: 5px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.feature img {
  margin-bottom: 15px;
  height: auto;
  width: 100%; }

.feature__image_desc {
  margin: 10px 0 0;
  color: #7D7D7D;
  font-family: NotoSerif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left; }

.feature {
  position: relative;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 0;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #E7E7E7;
  color: #000000;
  text-decoration: none; }
  @media (min-width: 768px) {
    .feature {
      border-bottom: none; } }

.feature .link--arrow {
  display: inline-block;
  width: 100%; }

@media (min-width: 768px) {
  .feature--small .feature__footer {
    border-bottom: 1px solid #E7E7E7; } }

.feature--small > span {
  flex: 1 0 auto;
  width: 100%;
  max-width: 130px; }
  @media (min-width: 768px) {
    .feature--small > span {
      max-width: 168px; } }
  @media (min-width: 1180px) {
    .feature--small > span {
      max-width: 276px; } }

.carousel .feature--small > span {
  width: 100%; }
  @media (min-width: 768px) {
    .carousel .feature--small > span {
      width: auto; } }

.feature .heading {
  margin-bottom: 20px;
  padding-top: 0;
  max-width: 100%;
  border: none; }

.feature--small .feature__info {
  margin-bottom: 20px; }

.feature--large p {
  margin-bottom: 20px;
  font-size: 14px; }

@media (min-width: 768px) {
  .feature {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .feature--large {
    display: flex; }
    .feature--large img {
      margin-bottom: 0;
      max-width: 424px; }
    .feature--large .feature__content {
      margin-left: 20px;
      width: 50%;
      box-sizing: border-box;
      border-bottom: 1px solid #E6E6E6; } }

.feature--large .feature__content {
  display: grid; }

.feature--large .feature__footer {
  margin-top: auto;
  position: static; }

@media (min-width: 768px) {
  .feature--info {
    clear: both;
    float: right; }
    .feature--info .feature__content {
      float: left;
      margin-right: 20px;
      margin-left: 0;
      width: 65%;
      min-width: 65%;
      border-bottom: none; }
    .feature--info .feature__content ~ span {
      width: 100%; } }

@media (min-width: 1180px) {
  .feature--info .feature__content {
    width: 55%;
    min-width: 55%; }
  .feature--info .feature__content ~ span {
    width: 100%; } }

.feature--info ul {
  padding: 0 0 0 20px;
  list-style: none; }

.feature--info ul li {
  position: relative;
  margin-bottom: 5px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px; }

.feature--info ul li:after {
  content: '\2713';
  position: absolute;
  top: 0;
  left: -19px;
  display: block;
  color: #69A9E3;
  font-family: ZapfDingbatsITC;
  font-size: 15px;
  letter-spacing: 2.8px; }

.feature_list .feature--large {
  margin-bottom: 30px; }

@media (min-width: 481px) {
  .feature_list .feature--small,
  .list .carousel--2col .feature--small {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none; }
    .feature_list .feature--small img,
    .list .carousel--2col .feature--small img {
      margin-bottom: 0;
      width: 30%;
      width: auto !important;
      max-width: 130px; }
    .feature_list .feature--small .feature__content,
    .list .carousel--2col .feature--small .feature__content {
      flex-grow: 1;
      margin-left: 20px;
      width: 70%;
      width: auto;
      box-sizing: border-box;
      border-bottom: 1px solid #E6E6E6; } }

@media (min-width: 768px) {
  .feature_list .feature--small img,
  .list .carousel--2col .feature--small img {
    max-width: 168px; } }

@media (min-width: 1180px) {
  .feature_list .feature--small img,
  .list .carousel--2col .feature--small img {
    max-width: 276px; } }

.feature_stack {
  display: flex;
  float: left;
  margin-right: -10px;
  margin-left: -10px;
  width: calc( 100% + 20px); }

.feature_stack > div {
  display: flex;
  float: left;
  padding: 0 10px;
  width: 33.33%;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .feature_stack > div {
      padding: 0 10px; } }

.carousel--4col .feature_stack > div {
  float: left;
  padding: 0 20px;
  width: 25%;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .carousel--4col .feature_stack > div {
      padding: 0 20px; } }

.feature__content .label.label--small {
  float: left;
  margin-bottom: 5px; }

.feature__status {
  display: block;
  margin-top: -15px;
  margin-bottom: 15px;
  color: #183B78;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase; }

h2 ~ .feature__status {
  margin-top: 0; }

.feature__status.location {
  height: 21px;
  color: #444444;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none; }

.feature__status.location img {
  position: relative;
  top: 3px;
  display: inline-block;
  margin: 0 5px 0 0;
  height: auto;
  width: 20px; }

.feature__status.authors {
  color: #7D7D7D;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none; }

.feature__status.authors .authorname {
  color: #444444;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none; }

.feature__footer .feature__status {
  margin-top: 0;
  margin-bottom: 5px; }

.feature__status .feature__status_sub {
  padding-left: 5px;
  color: #7D7D7D;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: left;
  text-transform: none; }

.feature__footer .link--arrow {
  padding-right: 20px;
  box-sizing: border-box; }

.feature__footer .link--arrow:after {
  right: 0 !important; }

.feature__status.locked {
  padding-left: 15px;
  background: transparent url(/assets/images/icons/locked.png) no-repeat 0 2px;
  background-size: 10px 13px; }

.feature .feature__content .label--italic {
  display: block;
  margin-bottom: 10px;
  font-style: normal; }

.feature .feature__content p {
  color: #000000 !important; }

a.feature :hover {
  cursor: pointer; }

.feature__content {
  float: left;
  padding-bottom: 0;
  width: 100%; }

.feature__footer {
  position: absolute;
  bottom: 0; }

.feature__footer--hidden {
  visibility: hidden; }

.feature_list.filter_results .feature__footer {
  position: absolute; }

/*icons*/
.icon {
  position: relative;
  display: inline-block;
  margin: 0 6px 0 0; }

.icon--event {
  top: 3px;
  height: 14px;
  width: 14px;
  background: transparent url(/assets/images/icons/event.png) no-repeat 50% 50%;
  background-size: 14px 14px; }

.icon--blog {
  top: 5px;
  height: 15px;
  width: 16px;
  background: transparent url(/assets/images/icons/blog.png) no-repeat 50% 50%;
  background-size: 16px 15px; }

.icon--publication {
  top: 4px;
  height: 14px;
  width: 19px;
  background: transparent url(/assets/images/icons/publication.png) no-repeat 50% 50%;
  background-size: 19px 14px; }

.icon--pen {
  padding-left: 20px !important;
  background: transparent url(/assets/images/icons/pen.png) no-repeat 0% 50%;
  background-size: 7px 26px; }

.feature:hover .icon--pen {
  background-image: url(/assets/images/icons/pen-hover.png); }

.icon--telescope {
  padding-left: 35px !important;
  background: transparent url(/assets/images/icons/telescope.png) no-repeat 0% 50%;
  background-size: 27px 25px; }

.feature:hover .icon--telescope {
  background-image: url(/assets/images/icons/telescope-hover.png); }

.icon--world {
  padding-left: 30px !important;
  background: transparent url(/assets/images/icons/world.png) no-repeat 0% 50%;
  background-size: 18px 22px; }

.feature:hover .icon--world {
  background-image: url(/assets/images/icons/world-hover.png); }

.feature.highlight {
  margin: 0 -10px 20px;
  background: #183B78;
  border: 10px solid #183B78;
  color: #FFFFFF; }
  @media (max-width: 480px) {
    .feature.highlight {
      margin: 0 0 20px;
      padding: 10px;
      box-sizing: border-box;
      border: none; } }

.feature.highlight .feature__footer,
.feature.highlight .feature__content {
  border-bottom: none; }

.feature.highlight .feature__footer {
  bottom: 15px; }

.feature.highlight .feature__footer span {
  color: #FFFFFF; }

.feature.highlight .feature__status.locked {
  background: transparent url(/assets/images/icons/locked-alt.png) no-repeat 0 2px;
  background-size: 10px 13px; }

.feature.highlight .feature__footer span.label--italic {
  margin-bottom: 5px; }
.form--corporate .form__section div.form__content > *,
.form--corporate .form__section p {
  text-align: center;
  margin-bottom: 30px;
  display: inline-block; }

.form--corporate .component.cta {
  margin: 0; }
.card_types {
  list-style: none;
  padding: 0;
  margin: 30px 0 0; }

.card_type__type {
  display: inline-block;
  width: 61px;
  height: 40px;
  margin-right: 5px;
  background-color: #ffffff;
  text-indent: -999em;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(207, 207, 207, 0.5); }

.card_type__type:last-of-type {
  margin-right: 0; }

.card_type__type.visa {
  background: #fff url(/assets/images/icons/visa.png) no-repeat 50% 50%;
  background-size: 43px 14px; }

.card_type__type.mastercard {
  background: #fff url(/assets/images/icons/mastercard.png) no-repeat 50% 50%;
  background-size: 41px 29px; }

.card_type__type.jcb {
  background: #fff url(/assets/images/icons/jcb.png) no-repeat 50% 50%;
  background-size: 36px 28px; }

.card_type__type.amex {
  background: #fff url(/assets/images/icons/amex.png) no-repeat 50% 50%;
  background-size: 40px 27px; }

.card_type__type {
  cursor: pointer;
  transition: opacity .3s; }

.card_type--jcb .card_type__type,
.card_type--mastercard .card_type__type,
.card_type--visa .card_type__type,
.card_type--amex .card_type__type {
  opacity: 0.2; }

.card_type--jcb .card_type__type.jcb,
.card_type--mastercard .card_type__type.mastercard,
.card_type--visa .card_type__type.visa,
.card_type--amex .card_type__type.amex {
  opacity: 1; }

.form__row--renew {
  border-bottom: solid 1px #d7d7d7;
  padding-bottom: 10px; }

.form__row--renew label {
  cursor: pointer; }

.billingdetails h5 {
  clear: both; }

.summary .autorenewal__label {
  float: left; }

.autorenewal__label {
  font-family: 'Noto Serif', Serif;
  font-size: 14px;
  text-align: left;
  color: #323232;
  background: transparent url(/assets/images/icons/renewal.png) no-repeat 0% 0%;
  background-size: 25px 29px;
  margin: 10px 0 10px;
  min-height: 29px;
  padding-left: 35px; }

.infotext {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #323232;
  margin: 5px 0 0;
  display: block;
  float: left;
  width: 100%; }

.autorenewal__link {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: right;
  color: #183b78;
  border-bottom: solid 1px #d7d7d7;
  display: block;
  padding-bottom: 5px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.personlistcarousel {
  margin-left: auto;
  margin-right: auto; }

.personlistcarousel .people > ul {
  text-align: center !important;
  display: block !important; }

.personlistcarousel .people > ul > li {
  display: inline-block;
  margin-bottom: 20px !important;
  text-align: left !important;
  width: 50% !important;
  vertical-align: top; }
  @media (min-width: 768px) {
    .personlistcarousel .people > ul > li {
      width: 33.33% !important; } }
  @media (min-width: 1180px) {
    .personlistcarousel .people > ul > li {
      width: 25% !important; } }

.personlistcarousel .person {
  margin-bottom: 30px !important;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 170px;
  float: none;
  display: flex;
  flex-direction: column; }

.personlistcarousel .person__image {
  text-align: left; }

.personlistcarousel .person .person__img {
  float: none;
  margin: 0; }

.personlistcarousel .person__job {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  color: #1c1c1c;
  margin-top: 0; }

.personlistcarousel .person__name {
  text-align: left; }

@media (max-width: 480px) {
  .personlistcarousel .carousel--4col .carousel__panel,
  .person__carousel.carousel--4col .carousel__panel {
    width: 100%; } }

@media (min-width: 481px) {
  .personlistcarousel .carousel--4col .carousel__panel,
  .person__carousel.carousel--4col .carousel__panel {
    width: 50%; } }

@media (min-width: 768px) {
  .personlistcarousel .carousel--4col .carousel__panel,
  .person__carousel.carousel--4col .carousel__panel {
    width: 33.3%; } }

@media (min-width: 1180px) {
  .personlistcarousel .carousel--4col .carousel__panel,
  .person__carousel.carousel--4col .carousel__panel {
    width: 25%; } }

.person__intro {
  max-width: 660px;
  text-align: center;
  margin: 20px auto 30px; }
.divider--gradient {
  height: 35px;
  width: 100%;
  position: absolute;
  left: 0;
  border-top: solid 1px #d7d7d7;
  background-image: linear-gradient(to top, #ffffff, #fafafa);
  background-position: 50% 2px;
  opacity: .5; }

.divider--gradient:before,
.divider--gradient:after,
.divider--arrow:before,
.divider--arrow:after {
  content: ' ';
  height: 1px;
  margin-top: -1px;
  width: 30%;
  background: linear-gradient(to left, #d6d6d6, #ffffff);
  display: block; }

.divider--gradient:after,
.divider--arrow:after {
  float: right;
  background: linear-gradient(to left, #ffffff, #d6d6d6); }

.divider--arrow {
  height: 10px;
  border-top: 1px solid #d6d6d6; }

.divider--arrow .arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #d6d6d6;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px; }

.divider--arrow .arrow:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  top: -5px;
  left: -4px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.form--step .form__section .stepIsSigningIn > div,
.form--step .form__section .stepIsChangingPassword > div,
.form--step .form__section .stepIsRegistering > div,
.form--step .form__section .stepIsActive > div,
.form--step .form__section .stepIsClosed > div.open,
.form--step .form__section .billingdetails > div .form__row {
  max-width: 420px; }

.form__row--no-margin {
  margin-bottom: 0; }

.form--step .form__section .billingdetails > div .form__row.autorenewal {
  min-width: 100%;
  float: left;
  margin-bottom: 30px; }

.form--step .form__section .stepIsSigningIn > div,
.form--step .form__section .stepIsChangingPassword > div,
.form--step .form__section .stepIsRegistering > div {
  margin-left: auto;
  margin-right: auto; }

.form--step .form__section .stepIsSigningIn .link--arrow,
.form--step .form__section .stepIsChangingPassword .link--arrow {
  float: left;
  width: 50%;
  width: calc(50% - 10px);
  margin-left: 0 !important;
  box-sizing: border-box; }

.form--step .form__section .stepIsSigningIn .button,
.form--step .form__section .stepIsChangingPassword .button {
  float: right;
  width: 50%;
  width: calc(50% - 10px);
  box-sizing: border-box; }

.form--step .form__section .stepIsActive .button {
  float: right; }

@media (max-width: 767px) {
  .form--step .button {
    width: 100% !important;
    margin-bottom: 10px !important; } }

@media (max-width: 767px) {
  .form a.label.label--link.link--arrow,
  .form--step .form__section .stepIsSigningIn .link--arrow {
    margin-right: 25px !important;
    margin-left: 25px !important;
    width: calc(100% - 50px) !important;
    margin-bottom: 10px !important;
    text-align: center; } }

.form__step {
  position: relative;
  clear: both;
  margin-bottom: 0; }

.form__step_n {
  position: absolute;
  left: -20px; }
  @media (max-width: 480px) {
    .form__step_n {
      position: relative;
      left: 0;
      margin-right: 10px;
      top: -2px; } }

.form__step.heading {
  padding-bottom: 20px;
  border-top: none; }

.form__step.heading span {
  font-size: 10px;
  line-height: 2.5;
  letter-spacing: 1.7px;
  color: #69a9e3;
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold; }

.step_2,
.billingdetails,
.signedin {
  clear: both;
  float: left;
  width: 100%; }

.billingdetails {
  border-bottom: none;
  padding-bottom: 0px; }

.signedin,
.step_2.complete {
  padding-bottom: 0px; }

.signedin .small {
  margin: 5px 0 0; }

.signedin .form__edit {
  margin-top: 0; }

.form__edit {
  text-align: right; }

.form__edit a {
  color: #183b78; }

.step_2.open .form__step,
.billingdetails.open .form__step {
  margin-bottom: 30px; }

.step_2 > div .label {
  color: #464646; }

.step_2 > div.col--inner .col {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .step_2 > div.col--inner .col {
      width: calc(33.33% - 20px);
      float: left;
      margin-bottom: 0; } }

.step_2 div > p,
.step_2 address {
  margin: 5px 0 0; }

.step_2 address {
  font-size: 12px;
  font-family: 'Noto Serif', Serif; }

p.statement {
  white-space: pre-line; }

.summary {
  min-width: 100%; }

.summary .button {
  float: right;
  clear: both; }

.summary p.small {
  float: left;
  font-size: 12px;
  font-family: 'Noto Sans', sans-serif;
  margin: 5px 0; }
  @media (min-width: 768px) {
    .summary p.small {
      width: 50%; } }

.summary dl {
  padding: 5px 0;
  font-size: 14px;
  float: left;
  width: 100%; }

.summary .field--small dl.data--inline {
  border-bottom: solid 1px #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 10px; }

.summary dl.data--inline:first-of-type {
  border-top: solid 1px #d7d7d7;
  padding-top: 20px; }

.summary .field--small dl.data--inline:first-of-type {
  padding-top: 5px;
  border-top: none; }

.summary dl dd {
  float: right; }

.summary .label {
  position: relative;
  top: -1px;
  margin-right: 10px; }

.summary dl label .radio__text {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none; }

.summary dl label .radio__text .shipping__price {
  font-family: "Noto Serif", serif !important; }

.summary .summary__totals {
  text-align: right;
  padding: 20px 0 0;
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 20px; }

.summary .summary__amount {
  font-size: 12px;
  line-height: 1.5;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-family: 'Playfair Display', serif; }

.summary div.small {
  display: inline-block;
  font-family: 'Noto Sans', sans-serif;
  width: 50%;
  clear: both;
  font-size: 12px; }

.summary div.small p {
  margin-top: 0; }

.stepIsSigningIn,
.stepIsRegistering {
  padding-top: 20px;
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 20px; }

.stepIsChangingPassword {
  padding-top: 0px;
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 20px; }

.stepIsSignedIn {
  margin-top: -20px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  float: left;
  margin-bottom: 10px; }

.stepIsClosed > div {
  display: none; }

.stepIsClosed > div.step_2 {
  display: block; }

.stepIsClosed,
.stepIsActive,
.stepIsComplete {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
  width: 100%;
  float: left; }

.form .currency {
  position: relative;
  clear: both;
  padding-bottom: 20px;
  float: right;
  margin-right: 10px;
  margin-top: -20px; }
  @media (min-width: 768px) {
    .form .currency {
      float: none;
      margin: 0;
      padding-bottom: 0; } }

@media (min-width: 768px) {
  .form .filter_currency {
    position: absolute;
    right: 0; } }

.form .filter_currency .label {
  font-size: 10px;
  padding-right: 10px; }

select.label:hover {
  color: #69a9e3; }

select.label option,
select.label:hover option {
  color: #000; }

.form--step .tabs__list {
  display: inline-block;
  width: 100%; }
  @media (min-width: 768px) {
    .form--step .tabs__list {
      width: 80%;
      margin-left: 10%; } }

.form--step .tabs__list li {
  width: 50%;
  float: left;
  display: block; }

.label--newsletter {
  background-color: #183b78;
  float: left;
  padding-left: 20px;
  margin-left: -20px;
  padding-right: 20px;
  margin-right: -20px;
  padding-top: 20px;
  cursor: pointer;
  margin-top: 20px; }

.label--newsletter .h5 {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  margin-top: 3px; }

.label--newsletter .checkbox__text {
  color: #fff;
  float: left;
  padding-bottom: 20px;
  width: 55%; }

.label--newsletter .checkbox {
  border: 1px solid #8cc4f7;
  background-color: #183b78;
  float: left; }

.label--newsletter .checkbox .checkbox__inner:after {
  text-shadow: 2px 2px #183b78;
  color: #fff; }

.label--newsletter .checkbox__img {
  float: right;
  width: 32%;
  position: relative; }

.label--newsletter .checkbox__img img {
  width: 100%;
  position: relative;
  margin-top: -34px;
  bottom: -4px; }

.label--downgrade {
  border-top: 1px solid #d7d7d7;
  float: left;
  padding-left: 20px;
  margin-left: -20px;
  padding-right: 20px;
  margin-right: -20px;
  padding-top: 20px;
  cursor: pointer;
  margin-top: 20px; }

.label--downgrade .h5 {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  margin-top: 3px; }

.label--downgrade .checkbox__text {
  float: left;
  padding-bottom: 20px;
  width: 55%; }

.label--downgrade .checkbox {
  float: left;
  top: 43px; }

.label--downgrade .checkbox .checkbox__inner:after {
  text-shadow: 2px 2px #fff; }

.label--downgrade .checkbox__img {
  float: right;
  width: 32%;
  position: relative; }

.label--downgrade .checkbox__img img {
  width: 100%;
  position: relative;
  margin-top: -34px;
  bottom: -4px; }

.form__row--student {
  display: none; }

.form__row--mb {
  display: none; }

.step_2--student .form__row--student,
.step_2--mb .form__row--mb {
  display: block; }

.step_2 .radio__text {
  display: inline !important; }

.step_2 .radio__text .price {
  float: right;
  line-height: 22px; }

.step_2 .radio__text .price .pricebefore {
  text-decoration: line-through; }

.step_2 .singleMemType .label--radio .radio {
  display: none; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
/*.membershiptabs {
	width:calc(100px + (100% + 160px));
	margin-left: calc(20px + ((100% - 160px) / 8 * 1))
}*/
.membershiptabs .tabs__title span {
  padding-bottom: 10px; }
  @media (max-width: 480px) {
    .membershiptabs .tabs__title span {
      text-align: left;
      padding-left: 0; } }

@media (max-width: 767px) {
  .membershiptabs .tabs__list {
    width: 100%;
    margin-bottom: 10px; } }

.membershiptabs .tabs__title.react-tabs__tab--selected span {
  padding-bottom: 8px; }

.membershiptabs .tabs__title {
  display: block;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .membershiptabs .tabs__title {
      display: table-cell; } }

@media (min-width: 768px) {
  .membershiptabs {
    text-align: center !important; }
  .membershiptabs .tabs__tab {
    text-align: left !important; }
  .membershiptabs .tabs__list {
    display: inline-block;
    border-bottom: solid 1px #d7d7d7; }
  .membershiptabs .tabs__title {
    display: block;
    float: left;
    border-bottom: none;
    margin: 0 0px; }
  .membershiptabs .tabs__title:first-of-type {
    margin-left: 0; }
  .membershiptabs .tabs__title:last-of-type {
    margin-right: 0; } }

@media (min-width: 768px) {
  .membershiptabs .tabs__title {
    display: block;
    float: left;
    border-bottom: none; } }

@media (min-width: 1180px) {
  .membershiptabs .tabs__title {
    margin: 0 30px; } }

.membershiptabs .tabs__tab .col--inner {
  padding-top: 10px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .membershiptabs .tabs__tab .col--inner {
      padding-top: 30px;
      padding-bottom: 30px; } }

.membershiptabs .tabs__tab .col {
  border-bottom: solid 1px #d7d7d7;
  position: relative;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .membershiptabs .tabs__tab .col {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .membershiptabs .tabs__tab .col--inner {
    display: flex; } }

.membershiptabs .tabs__tab .col--sgl {
  max-width: 600px;
  margin: 0 auto;
  float: none; }

@media (min-width: 768px) {
  .membershiptabs .tabs__tab .col--tri {
    width: calc( 33.33% - 20px); } }

.membershiptabs .tabs__tab .subcopy {
  visibility: hidden;
  opacity: 0; }

.membershiptabs .tabs__tab .subcopy.fixed {
  visibility: visible;
  opacity: 1;
  position: absolute;
  bottom: 0px; }

/*ui table*/
.membershiptabs .tabs__tab table {
  margin: 0; }

.membershiptabs .tabs__tab table tr:last-of-type td {
  border-bottom: none; }

.membershiptabs .tabs__tab table tr:first-of-type td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #d7d7d7 !important;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2.3px;
  text-align: center;
  color: #918F8F;
  text-transform: uppercase;
  border: none;
  padding: 15px; }

.membershiptabs .tabs__tab table tr td {
  vertical-align: top; }

.membershiptabs .tabs__tab table tr td.hideshow {
  cursor: pointer; }

.membershiptabs .tabs__tab table tr td.hideshow:before {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #dbdbdb;
  margin: 0px 0 0 10px;
  position: relative;
  top: 7px;
  right: 0px;
  padding: 0;
  transform: rotate(0deg);
  float: right; }

.membershiptabs .tabs__tab table tr td.hideshow.open:before {
  transform: rotate(180deg); }

.membershiptabs .tabs__tab table tr td.hideshow .hideshow__panel {
  overflow: hidden;
  color: #9f9f9f;
  padding-top: 5px; }

.membershiptabs .tabs__tab table tr:nth-child(2) td {
  border-bottom: solid 1px #fff !important;
  padding-bottom: 0; }

.membershiptabs .tabs__tab table tr td:first-of-type {
  font-family: 'Noto Sans', sans-serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 12px;
  text-align: left;
  color: #464646;
  padding-left: 20px; }

.membershiptabs .tabs__tab table tr td {
  color: #d7d7d7;
  font-size: 20px;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7; }

.membershiptabs .tabs__tab table tr:last-of-type td {
  color: #323232;
  font-size: 14px; }

.membershiptabs .tabs__tab table tr td strong {
  font-weight: normal;
  color: #69a9e3;
  font-size: 20px; }

.membershiptabs .tabs__tab table tr td:first-of-type strong {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #464646;
  max-width: 200px;
  vertical-align: top;
  margin-left: -5px;
  display: block; }

.membershiptabs .tabs__tab table tr td {
  text-align: center;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  @media (min-width: 768px) {
    .membershiptabs .tabs__tab table tr td {
      padding-left: 5px !important;
      padding-right: 5px !important; } }
  @media (min-width: 1180px) {
    .membershiptabs .tabs__tab table tr td {
      padding-left: 15px !important;
      padding-right: 15px !important; } }

.membershiptabs .tabs__tab table tr:last-of-type td:first-of-type {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  text-align: left;
  color: #69a9e3;
  padding-left: 10px !important; }
  @media (min-width: 768px) {
    .membershiptabs .tabs__tab table tr:last-of-type td:first-of-type {
      padding-left: 0px !important;
      padding-right: 5px !important; } }
  @media (min-width: 1180px) {
    .membershiptabs .tabs__tab table tr:last-of-type td:first-of-type {
      padding-left: 10px !important;
      padding-right: 15px !important; } }

/*table*/
.membershiptabs .scrollarea-content {
  float: left; }

.membershiptable,
.membershiptable th {
  background: #fff; }

.membershiptable thead th {
  opacity: 0.8;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2.3px;
  text-align: center;
  color: #5b5959;
  text-transform: uppercase;
  background: #fff;
  border: none;
  padding: 15px; }

.membershiptable tr {
  background: #fff;
  border: none; }

.membershiptable thead tr {
  border-bottom: solid 1px #d7d7d7; }

.membershiptable tbody th {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #464646;
  max-width: 200px;
  padding: 15px;
  vertical-align: top; }

.membershiptable tbody th .hideshow__panel {
  color: #9f9f9f; }

.membershiptable td {
  text-align: center;
  padding: 15px; }

.membershiptable tfoot th {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  text-align: left;
  color: #69a9e3;
  padding: 15px; }

.membershiptable tfoot td {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #323232; }

.membershiptable th,
.membershiptable td,
.membershiptable tr:first-of-type td,
.membershiptable tr:last-of-type td {
  border: none; }

.membershiptable tfoot tr {
  border-bottom: none; }

.membershiptable tr {
  border-bottom: solid 1px #eee; }

.membershiptable td {
  border-left: solid 1px #d7d7d7 !important; }

.membershiptable tr.empty {
  border-bottom: none; }

.membershiptable tr.empty th,
.membershiptable tr.empty td {
  padding-bottom: 0; }

.membershiptable .tick:after {
  content: '\2713';
  display: block;
  color: #69a9e3;
  font-size: 20px; }

.membershiptable .space:after {
  content: '_';
  display: block;
  color: #d7d7d7;
  font-size: 20px; }

.membershiptable .label--hideshow {
  text-align: left;
  font-family: 'Noto Sans', sans-serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #464646;
  border: none;
  display: block;
  padding-bottom: 0;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative; }

.membershiptable .label--hideshow:after {
  float: right;
  top: 8px;
  position: absolute; }

.membershiptable .hideshow {
  padding-left: 5px; }

.membershiptable .hideshow > div {
  font-weight: normal;
  padding-top: 5px; }

.membershiptable thead th {
  font-size: 8px; }
  @media (min-width: 1180px) {
    .membershiptable thead th {
      font-size: 10px; } }

.membershiptabs .scrolltable {
  margin: 0 -20px; }
  @media (min-width: 768px) {
    .membershiptabs .scrolltable {
      margin: 0; } }

.membershiptabs .scrolltable_content,
.membershiptabs .scrollinner {
  width: 100%;
  width: auto;
  float: left; }

.membershiptable {
  margin-top: 0; }
  @media (min-width: 768px) {
    .membershiptable {
      width: 100%; } }

.membershiptable th,
.membershiptable td {
  padding-left: 15px !important;
  padding-right: 15px !important; }
  @media (min-width: 768px) {
    .membershiptable th,
    .membershiptable td {
      padding-left: 5px !important;
      padding-right: 5px !important; } }
  @media (min-width: 1180px) {
    .membershiptable th,
    .membershiptable td {
      padding-left: 15px !important;
      padding-right: 15px !important; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.itinery {
  width: 100%;
  clear: both; }

.itinery dl {
  margin-bottom: 40px; }

.itinery dl dt,
.itinery dl dd {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  width: 100%; }
  @media (min-width: 768px) {
    .itinery dl dt,
    .itinery dl dd {
      width: auto;
      font-size: 16px;
      line-height: 1.5; } }

@media (min-width: 768px) {
  .itinery__transcript {
    display: none; } }

.itinery dl dt {
  min-width: 21%;
  float: left;
  white-space: nowrap;
  margin-right: 10px;
  font-family: 'Noto Sans',serif;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .itinery dl dt {
      margin-bottom: 10px; } }

.itinery a {
  min-width: 140px;
  margin-right: 20px; }

.itinery__intro {
  margin-bottom: 20px; }

.itinery__date {
  font-weight: bold;
  margin-bottom: 20px; }

.itinery em {
  width: 100%;
  display: block;
  clear: both;
  line-height: 20px;
  width: auto;
  display: inline-block;
  max-width: 250px;
  padding-top: 3px; }
  @media (min-width: 768px) {
    .itinery em {
      width: auto;
      display: inline-block; } }

.itinery a.button {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  min-width: 180px; }
  @media (min-width: 481px) {
    .itinery a.button {
      max-width: 225px; } }
  @media (min-width: 768px) {
    .itinery a.button {
      max-width: 100%;
      width: auto; } }

.itinery__transcript_heading {
  margin: 20px 0 10px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.liststack .feature__content,
.liststack .feature__image {
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
  float: left; }

.liststack .feature__image img {
  width: 100%;
  height: 100%; }

@media (min-width: 768px) {
  .liststack .row_fullheight {
    display: flex; } }

.liststack .row_fullheight .col:nth-child(odd) {
  float: none; }

@media (min-width: 768px) {
  .liststack .row_fullheight .feature {
    height: 100%; } }

.liststack a {
  transition: opacity .3s; }

.liststack a .heading {
  transition: color .3s; }

.list_feature_item {
  height: 100%; }

.list_feature_item .h3 {
  font-size: 24px; }

.liststack:hover a.feature__image {
  opacity: .7; }

.liststack a.feature__image:hover {
  opacity: 1; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.breadcrumb {
  padding-bottom: 0;
  padding-top: 0;
  list-style: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
  font-family: 'Noto Serif', sans-serif; }
  @media (min-width: 768px) {
    .breadcrumb {
      display: block; } }

.breadcrumb ul {
  padding-left: 0; }

.breadcrumb__item {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
  display: inline-block;
  color: #4d4d4d;
  font-size: 12px; }

.breadcrumb__item:first-of-type {
  margin: 0; }

.breadcrumb__item:after {
  content: '/';
  display: inline-block;
  margin-left: 10px; }

.breadcrumb__item:last-of-type:after {
  content: none; }

.breadcrumb__link {
  color: #183b78;
  transition: color .3s;
  font-family: 'Noto Serif', sans-serif;
  font-size: 12px; }

.breadcrumb__link:hover {
  color: #69a9e3; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
footer {
  background-color: #fafafa;
  clear: both; }

footer .container > .col {
  margin-bottom: 20px; }

footer .container {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    footer .container {
      padding-top: 55px;
      padding-bottom: 25px; } }

footer ul,
footer ul li {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0; }

footer a {
  font-size: 12px;
  font-family: 'Noto Serif', sans-serif;
  color: #666666; }

.footer__social ul {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .footer__social ul {
      margin-bottom: 0px; } }

.footer__social li {
  width: 24px;
  height: 24px;
  margin-right: 25px;
  margin-bottom: 10px; }

.footer__social .label {
  color: #909090;
  margin-bottom: 15px;
  display: block; }
  @media (min-width: 768px) {
    .footer__social .label {
      margin-bottom: 20px; } }

.footer__social li a {
  width: 24px;
  height: 24px;
  text-indent: 999em;
  background: #ccc;
  display: block;
  overflow: hidden;
  transition: all .3s;
  float: left; }

.footer__social .x {
  background: transparent url(/assets/images/social/x.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .x:hover {
  background-image: url(/assets/images/social/x-over.png);
  background-size: 22px 22px; }

.footer__social .facebook {
  background: transparent url(/assets/images/social/facebook.png) no-repeat 50% 50%;
  background-size: 20px 20px; }

.footer__social .facebook:hover {
  background: transparent url(/assets/images/social/facebook-over.png) no-repeat 50% 50%;
  background-size: 20px 20px; }

.footer__social .linkedin {
  background: transparent url(/assets/images/social/linkedin.png) no-repeat 50% 50%;
  background-size: 21px 21px; }

.footer__social .linkedin:hover {
  background: transparent url(/assets/images/social/linkedin-over.png) no-repeat 50% 50%;
  background-size: 21px 21px; }

.footer__social .youtube {
  background: transparent url(/assets/images/social/youtube.png) no-repeat 50% 50%;
  background-size: 24px 24px; }

.footer__social .youtube:hover {
  background: transparent url(/assets/images/social/youtube-over.png) no-repeat 50% 50%;
  background-size: 24px 24px; }

.footer__social .flickr {
  background: transparent url(/assets/images/social/flickr.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .flickr:hover {
  background: transparent url(/assets/images/social/flickr-over.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .instagram {
  background: transparent url(/assets/images/social/instagram.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .instagram:hover {
  background: transparent url(/assets/images/social/instagram-over.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .soundcloud {
  background: transparent url(/assets/images/social/soundcloud.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__social .soundcloud:hover {
  background: transparent url(/assets/images/social/soundcloud-over.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.footer__links li {
  display: block;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .footer__links li:last-of-type:after {
    content: none; } }

.footer__link {
  display: block;
  margin-bottom: 10px; }

.footer__details span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  color: #9f9f9f; }

.footer__sublinks {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px !important; }
  @media (min-width: 768px) {
    .footer__sublinks {
      border: none;
      padding: 0;
      margin: 0 !important; } }

@media (min-width: 768px) {
  .footer__sublink {
    display: block;
    margin-bottom: 10px; } }

.footer__sublink:after,
.footer__details span:after {
  content: '|';
  display: inline-block;
  margin: 0 5px; }

@media (min-width: 768px) {
  .footer__sublink:after {
    content: none; } }

.footer__sublink:last-of-type:after,
.footer__details span:last-of-type:after {
  content: none; }

@media (min-width: 768px) {
  footer .col--span2_large {
    width: 20%;
    box-sizing: border-box; } }

@media (min-width: 768px) {
  footer .footer__social {
    width: 30%;
    box-sizing: border-box; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media (max-width: 767px) {
  .desktopOnly {
    display: none; } }

@media (min-width: 768px) {
  .mobileOnly {
    display: none; } }

header {
  position: relative;
  z-index: 9999;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(232, 232, 232, 0.5); }
  @media (min-width: 768px) {
    header {
      z-index: 1;
      box-shadow: none; } }
  header::after {
    content: ' ';
    clear: both;
    display: block; }

.header_desktop {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 80px; }

.header__image img {
  float: left;
  margin-top: 4px;
  width: 90%; }

.header__content {
  width: 100%;
  max-width: 100%; }
  @media (min-width: 768px) {
    .header__content {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #D9D9D9; } }

.header__cta,
.header__search,
.header__title {
  box-sizing: border-box;
  vertical-align: middle; }

.header__search {
  box-sizing: border-box;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .header__search {
      flex-grow: 1; } }
  @media (min-width: 1180px) {
    .header__search {
      max-width: 100%; } }

.header__search input {
  padding: 0;
  background: #FFFFFF url(/assets/images/glass-blue.png) no-repeat 0 0;
  background-position: 100% 50%;
  background-size: 16px 17px; }
  @media (min-width: 768px) {
    .header__search input {
      height: 46px;
      line-height: 46px; } }

.header__menu {
  float: right; }
  @media (min-width: 768px) {
    .header__menu {
      display: none; } }

.header__ctalist {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  @media (max-width: 767px) {
    .header__ctalist {
      display: none; } }
  .header__ctalist--has-lang {
    margin-right: 100px; }

.header__ctalist a.label,
.header__ctalist span.label a {
  color: #183878;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px; }
  @media (min-width: 768px) {
    .header__ctalist a.label,
    .header__ctalist span.label a {
      height: 46px;
      letter-spacing: 1px;
      line-height: 46px; } }
  @media (min-width: 1180px) {
    .header__ctalist a.label,
    .header__ctalist span.label a {
      font-size: 14px; } }

.header__ctalist a.label:hover,
.header__ctalist span.label a:hover {
  color: #69A9E3;
  cursor: pointer; }

.header__ctalist li {
  float: left;
  padding-left: 12px;
  list-style: none; }
  @media (min-width: 1180px) {
    .header__ctalist li {
      padding-left: 22px; } }

.header__ctalist li:first-of-type {
  margin-left: 0; }

.header__title {
  margin: 0;
  padding: 0;
  color: #1D417C;
  font-size: 14px; }
  @media (max-width: 767px) {
    .header__title {
      float: left; } }
  @media (max-width: 480px) {
    .header__title {
      font-size: 4vw; } }
  @media (min-width: 768px) {
    .header__title {
      margin-top: auto;
      height: 40px;
      font-size: 1.375vw;
      line-height: 40px; } }
  @media (min-width: 1180px) {
    .header__title {
      font-size: 18px; } }

.header__search {
  margin: 0;
  padding: 0; }
  @media (max-width: 767px) {
    .header__search {
      display: none; } }

.header__search input {
  float: right;
  width: 90%;
  box-sizing: border-box; }

/*mobile*/
header .header_mobile {
  height: 70px; }

header .header_mobile__logo {
  float: left;
  height: 70px;
  width: 70px;
  background: transparent url(/assets/images/iiss-blue@2x.png) no-repeat 50% 50%;
  background-size: 64px 40px; }

header .header_basket {
  position: relative;
  float: left;
  height: 35px;
  width: 20px;
  background: #FFFFFF url(/assets/images/basket@2x.png) no-repeat 50% 50%;
  background-size: 19px 17px; }

header .header_basket.header_basket--mobile {
  float: right;
  margin-top: 10px;
  height: 60px;
  width: 50px; }

header .header_basket span {
  position: absolute;
  top: 15px;
  right: -10px;
  display: block;
  height: 18px;
  width: 18px;
  background: #183B78;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  line-height: 18px;
  text-align: center; }

header .header_basket:hover {
  background-image: url(/assets/images/basket-hover@2x.png); }

header .header_basket:hover span {
  background-color: #69A9E3; }

header .header_basket.header_basket--mobile span {
  top: 30px;
  right: 5px; }

header .header_basket--mobile:after {
  content: ' ';
  position: absolute;
  top: 17px;
  right: 0;
  display: block;
  height: 24px;
  width: 1px;
  background: #D7D7D7; }

header .menu__clickable {
  float: right;
  margin-top: 10px;
  height: 60px;
  width: 50px;
  text-indent: -999em;
  cursor: pointer; }

.menu__clickable {
  position: relative;
  top: 0;
  right: 0;
  margin-right: -10px;
  height: 18px;
  width: 18px;
  text-indent: -999em;
  cursor: pointer;
  transition: opacity 0.5s; }

.menu__clickable > span {
  position: absolute;
  top: 22.5px;
  right: 16px;
  display: block;
  height: 2px;
  width: 20px;
  background: #183B78; }

.menu__clickable span:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: -13px;
  display: block;
  height: 2px;
  width: 20px;
  background: #183B78;
  opacity: 1;
  transition: opacity 0.3s; }

.menu__clickable:hover {
  opacity: 1; }

.menu__clickable:before,
.menu__clickable:after {
  content: ' ';
  position: absolute;
  top: 29px;
  right: 16px;
  height: 2px;
  width: 20px;
  background-color: #183B78; }

.menu__clickable:before {
  transition: transform 0.3s; }

.menu__clickable:after {
  transition: transform 0.3s; }

.menu--open .menu__clickable:after {
  transform: rotate(-45deg); }

.menu--open .menu__clickable:before {
  transform: rotate(45deg); }

.menu--open .menu__clickable span {
  opacity: 0; }

.slidein_menu .accordion .label:after,
.slidein_menu .link--arrow:after,
header .link--arrow:after,
.slidein_menu .accordion__head:after {
  content: ' ';
  position: relative;
  top: 1px !important;
  right: 10px !important;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 !important;
  height: 0;
  width: 0;
  border-top: 5px solid #DBDBDB;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.slidein_menu .accordion .label:after,
.slidein_menu .link--arrow:after,
.slidein_menu .accordion__head:after {
  top: 21px !important; }

.slidein_menu .accordion a.label:after,
header .mainnav__content--col .link--arrow:after,
.slidein_menu .link--arrow:after {
  top: -1px !important;
  right: 0 !important;
  padding: 0 !important;
  border-top: 5px solid #DBDBDB;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: rotate(-90deg); }

.header_desktop .col--span7,
.header_desktop--basket .col--span7 {
  margin-right: 0; }

.header_desktop--basket {
  margin-top: -10px;
  padding-top: 10px;
  background: transparent url(/assets/images/iiss-blue@2x.png) no-repeat 41px 0; }

.header_desktop--basket .header__title {
  float: left; }

.header_desktop--basket .header__content {
  display: block;
  float: left;
  height: 40px; }

.header_desktop--basket .header__ctalist {
  float: right; }

.header_desktop--basket .header__image {
  margin-right: -10px;
  margin-left: 30px; }

.header_desktop--basket .header__image .header__content img {
  height: 40px !important;
  width: 64px !important; }

.header__top {
  margin-bottom: 5px;
  padding: 12px 0;
  background-color: #183B78; }
  .header__top * {
    box-sizing: border-box; }

.header__top-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1180px; }

.header__top-nav {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0; }

.header__top-item {
  margin-left: 12px;
  list-style: none; }
  @media (min-width: 1180px) {
    .header__top-item {
      margin-left: 22px; } }
  .header__top-item a,
  .header__top-item button {
    background: transparent;
    border: 0;
    color: #FFFFFF;
    font-family: 'Noto Sans', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
    transition: color 0.3s; }
    @media (min-width: 1180px) {
      .header__top-item a,
      .header__top-item button {
        font-size: 14px;
        line-height: 19px; } }
    .header__top-item a:hover,
    .header__top-item button:hover {
      color: #69A9E3;
      cursor: pointer; }
.mobilenav {
  position: relative;
  right: 100%;
  width: 200%;
  transition: right 0.5s; }

.mobilenav__primary {
  float: left;
  padding: 0 20px;
  width: 50%;
  box-sizing: border-box;
  background: #183B78; }

.mobilenav__secondary {
  float: left;
  width: 50%;
  box-sizing: border-box; }

.mobilenav__secondary .h3,
.mobilenav__secondary a.label,
.mobilenav__secondary .accordion__head.label {
  color: #FFFFFF; }

.mobilenav__secondary .h3 {
  margin-bottom: 30px; }

.mobilenav ul,
.mobilenav ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

.mobilenav ul li span.label {
  display: block;
  padding: 0; }

.mobilenav ul li button.label,
.mobilenav ul li a.label,
.mobilenav ul li span.label a {
  display: block;
  padding: 13px 11px 11px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: color 0.3s; }

.mobilenav ul li button.label:hover,
.mobilenav ul li a.label:hover,
.mobilenav ul li span.label a:hover {
  color: #69A9E3 !important; }

.mobilenav ul li input,
.mobilenav__secondary a.label,
.mobilenav__secondary .accordion__head.label {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 13px 0 !important;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border-bottom: 1px solid #E7E7E7;
  font-size: 12px; }

.mobilenav ul li input {
  background: transparent url(/assets/images/glass-blue.png) no-repeat 0 0;
  background-position: right 11px top 50%;
  background-size: 18px 19px; }

.mobilenav__secondary .accordion p {
  margin: 0; }

.mobilenav__secondary a.label,
.mobilenav__secondary .accordion__head.label {
  margin-bottom: 15px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid rgba(231, 231, 231, 0.5); }

.mobilenav .mobilenav__secondary .link--back {
  z-index: 2;
  display: block !important;
  margin-bottom: 0 !important;
  padding: 15px 20px !important;
  background-color: #FAFAFA !important;
  color: #183B78 !important; }

.mobilenav__secondary .link--back:before {
  color: #183B78 !important;
  transition: color 0.3s; }

.mobilenav .mobilenav__secondary .link--back:hover,
.mobilenav .mobilenav__secondary .link--back:hover:before {
  color: #69A9E3 !important; }

.mobilenav__secondary .accordion__head.label {
  margin-bottom: 0; }

.mobilenav ul li button.label,
.mobilenav ul li a.label,
.mobilenav ul li span.label a {
  display: block;
  width: 100%;
  background-color: transparent;
  border-bottom: solid #E7E7E7;
  border-width: 0 0 1px;
  text-align: left;
  cursor: pointer; }

.mobilenav__secondary a.label,
.mobilenav__secondary .accordion__head.label {
  cursor: pointer;
  transition: color 0.3s; }

.mobilenav__secondary a.label:hover,
.mobilenav__secondary .accordion__head.label:hover {
  color: #69A9E3; }

.mobilenav .accordion ul {
  margin-top: 0; }

.mobilenav .accordion ul li a {
  display: block;
  padding: 10px 0;
  color: #FFFFFF;
  text-align: left;
  transition: color 0.3s; }

.mobilenav .accordion ul li a:hover {
  color: #69A9E3; }

.mobilenav .accordion .accordion__item--open .label {
  color: #69A9E3; }

.mobilenav .accordion .accordion__item--open .label:after {
  transform: rotate(180deg); }

.mobilenav ul li .label:after,
.slidein_menu .mobilenav__secondary a.label:after,
.slidein_menu .mobilenav__secondary .accordion__head.label:after {
  position: absolute !important;
  top: 50% !important;
  right: 11px !important;
  margin-top: -3px !important; }

.slidein_menu .mobilenav__secondary a.label:after,
.slidein_menu .mobilenav__secondary .accordion__head.label:after {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  margin-top: 1px !important; }

.mobilenav ul.mobilenav__items {
  margin: 0 -20px !important;
  padding: 0 0 36px;
  background: #FAFAFA; }

.mobilenav ul.mobilenav__functional {
  margin: 0 -20px;
  padding: 0;
  background: #183B78; }

.mobilenav ul.mobilenav__functional li button.label,
.mobilenav ul.mobilenav__functional li a.label,
.mobilenav ul.mobilenav__functional li span.label a {
  border-color: rgba(217, 217, 217, 0.2);
  color: #FFFFFF; }

.mobilenav ul.mobilenav__functional li button.label:after,
.mobilenav ul.mobilenav__functional li a.label:after,
.mobilenav ul.mobilenav__functional li span.label a:after {
  color: #FFFFFF; }

.ReactModal__Content.slidein_menu {
  background: #183B78 !important; }

.slidein_menu .scrollarea .scrollbar-container.vertical {
  top: 5px;
  right: 5px;
  height: calc(100% - 10px); }

.mobilenav__content {
  margin-bottom: -20px;
  padding: 0 20px;
  padding-top: 20px;
  padding-bottom: 0;
  min-height: inherit !important;
  background: #000000;
  background-position: 50% 50% !important;
  background-size: cover !important; }

.mobilenav__content:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: #000000;
  opacity: 0.75; }

.mobilenav__content > div {
  position: relative;
  padding-bottom: 20px; }

.mobilenav__secondary {
  position: relative; }

/*
.mobilenav__bg {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    min-height: 100%;
    left: 0;
    opacity: .5;
}
*/
.country-select {
  position: absolute;
  top: 10px;
  z-index: 2;
  float: right;
  height: 25px;
  width: 100px;
  overflow: hidden;
  background-color: #EDEDED;
  cursor: pointer; }
  .country-select.open {
    height: auto;
    max-width: none; }
    .country-select.open li {
      display: list-item; }
      .country-select.open li:first-child {
        max-width: none; }
  .country-select::before {
    content: ' ';
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 1;
    display: block;
    padding: 0;
    height: 0;
    width: 0;
    border-top: 4px solid #bababa;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .country-select ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .country-select ul li {
      position: relative;
      display: none;
      float: none;
      margin-bottom: 5px;
      padding-left: 5px;
      color: #B3B3B3;
      white-space: nowrap; }
      .country-select ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 3px; }
      .country-select ul li:first-child {
        display: list-item;
        margin-right: 18px;
        width: 82px;
        overflow: hidden;
        color: #333333; }
        .country-select ul li:first-child:hover {
          background-color: #EDEDED;
          color: #333333; }
      .country-select ul li:hover {
        background-color: #183B78;
        color: #EDEDED; }
      .country-select ul li .flag img {
        position: relative;
        top: 3px;
        width: 26px; }
      .country-select ul li .initial {
        position: relative;
        bottom: 1px;
        padding: 0 5px;
        font-size: 12px;
        font-weight: 800; }

.mobileOnly .country-select {
  top: auto;
  right: 50px;
  float: right;
  margin: 28px 0 0 0; }
.social {
  position: fixed;
  bottom: 10%;
  right: 0;
  width: 50px;
  z-index: 9999;
  box-shadow: 0 2px 4px 0 rgba(179, 179, 179, 0.5); }

.social button {
  background: #fff;
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  float: none;
  cursor: pointer;
  text-indent: -999em;
  overflow: hidden;
  border-top: solid 1px #e7e7e7;
  transition: all .3s; }

.social button:first-of-type {
  border-top: none; }

.social .button--x {
  background: #fff url(/assets/images/social/x.png) no-repeat 50% 50%;
  background-size: 22px 22px; }

.social .button--x:hover {
  background-image: url(/assets/images/social/x-over.png); }

.social .button--facebook {
  background: #fff url(/assets/images/social/facebook.png) no-repeat 50% 50%;
  background-size: 20px 20px; }

.social .button--facebook:hover {
  background-image: url(/assets/images/social/facebook-over.png); }

.social .button--linkedin {
  background: #fff url(/assets/images/social/linkedin.png) no-repeat 50% 50%;
  background-size: 21px 21px; }

.social .button--linkedin:hover {
  background-image: url(/assets/images/social/linkedin-over.png); }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.mainnav,
.mainnav__content ul,
.mainnav li {
  margin: 0;
  padding: 0;
  list-style: none; }

.mainnav {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1160px; }
  .mainnav::after {
    content: ' ';
    clear: both;
    display: block; }

.mainnav__titles {
  display: flex;
  justify-content: space-between;
  margin-top: -22px; }

.mainnav__titles li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0;
  letter-spacing: 1px; }

.mainnav__titles li a {
  float: left;
  padding: 0 5px 0 10px;
  color: #242424;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: color 0.3s; }
  @media (min-width: 1180px) {
    .mainnav__titles li a {
      padding: 0;
      font-size: 14px; } }

.mainnav__titles li:first-of-type a {
  padding-left: 0;
  border-left: none; }

.mainnav__titles li:hover a,
.mainnav__titles li.link--open a {
  color: #69A9E3 !important; }

.mainnav__titles .label--link.link--arrow a {
  position: relative;
  z-index: 1;
  padding-right: 3px; }
  @media (min-width: 1180px) {
    .mainnav__titles .label--link.link--arrow a {
      padding-right: 13px; } }

.mainnav__titles .label--link.link--arrow:after {
  position: static;
  top: auto !important;
  right: auto !important;
  margin: 0;
  transition: border 0.3s; }

.mainnav__titles .label--link.link--arrow.link--open:after {
  transform: rotate(180deg); }

.mainnav__container {
  position: relative;
  clear: both;
  height: auto;
  width: 100%;
  overflow: hidden;
  background: #000000;
  transition: height 0.5s; }

@media (min-width: 768px) {
  .mainnav__container .mainnav__inner {
    min-height: 236px; } }

.mainnav__content > div {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%; }
  @media (min-width: 1180px) {
    .mainnav__content > div {
      padding-top: 60px;
      padding-bottom: 60px; } }

.mainnav__content--col {
  float: left;
  width: 33.33%; }

.mainnav__content--col_alpha {
  padding-right: 20px;
  box-sizing: border-box;
  border-right: solid 1px #D7D7D7; }
  @media (min-width: 1180px) {
    .mainnav__content--col_alpha {
      padding-right: 30px;
      width: 29.725%; } }

.mainnav__content--col_beta a {
  display: block;
  padding: 10px 0;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 20px; }
  @media (min-width: 1180px) {
    .mainnav__content--col_beta a {
      font-size: 12px; } }

.mainnav__content--col_beta a:after {
  transition: border-top-color 0.3s; }

.mainnav__content--col_beta a:hover,
.mainnav__content--col_beta a.link--open {
  color: #69A9E3; }

.mainnav__content--col_beta a:hover:after,
.mainnav__content--col_beta a.link--open:after {
  border-top-color: #69A9E3; }

.mainnav__content--col_beta a.link--arrow:after {
  position: relative;
  top: 0;
  padding-left: 15px;
  color: #FFFFFF; }

.mainnav__content--col_beta {
  margin-left: -1px;
  padding-left: 50px;
  width: 33.33%;
  box-sizing: border-box;
  border-left: solid 1px #D7D7D7; }
  @media (min-width: 1180px) {
    .mainnav__content--col_beta {
      padding-left: 50px;
      width: 27.5%; } }

.mainnav__content--col_beta ul {
  margin-top: -10px; }

.mainnav__content--col_gamma ul {
  margin-top: -5px; }

.mainnav__content--col_gamma .small a {
  display: block;
  padding: 5px 0;
  color: #FFFFFF;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 20px; }
  @media (min-width: 1180px) {
    .mainnav__content--col_gamma .small a {
      font-size: 14px; } }

.mainnav__content--col_gamma .small a:hover {
  color: #69A9E3; }

.mainnav__content--col .h3 {
  color: #FFFFFF;
  font-size: 24px; }
  @media (min-width: 1180px) {
    .mainnav__content--col .h3 {
      font-size: 32px; } }

.mainnav__content--col p.small {
  color: #FFFFFF;
  font-family: 'Noto Serif', sans-serif;
  font-size: 12px; }
  @media (min-width: 1180px) {
    .mainnav__content--col p.small {
      font-size: 14px; } }

.mainnav__content--col ul li a ~ ul {
  display: none; }

.mainnav__content--col ul li a:hover ~ ul {
  display: block; }

.mainnav__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  min-height: 450px !important;
  background: transparent 50% 50% no-repeat;
  background-size: cover;
  opacity: 0.4;
  transition: all 0.5s; }

.mainnav__bg.subitem_0 {
  background-image: url("/assets/images/whoweare.jpg"); }

.mainnav__bg.subitem_1 {
  background-image: url("/assets/images/whatwedo.jpg"); }

.mainnav__bg.subitem_2 {
  background-image: url("/assets/images/topicsandregions.jpg"); }

.mainnav__bg.subitem_3 {
  background-image: url("/assets/images/members.jpg"); }

.mainnav__inner {
  position: relative;
  z-index: 2; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
form.search_form {
  position: relative; }

form.search_form button {
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 1;
  z-index: -1;
  height: 43px;
  width: 50px;
  background: #FAFAFA;
  border: none;
  opacity: 0;
  text-indent: -10px;
  cursor: pointer;
  transition: opacity 0.3s; }
  @media (min-width: 768px) {
    form.search_form button {
      height: 100%;
      background: #FFFFFF; } }

form.search_form button:active,
form.search_form button:hover,
form.search_form button:focus {
  border: none;
  outline: none; }

form.search_form button:after {
  content: '\27A4';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -8px;
  height: 30px;
  height: 100%;
  width: 26px;
  line-height: 42px; }

form.search_form input,
.mobilenav ul li form.search_form input {
  padding-left: 0 !important;
  width: 100%;
  box-sizing: border-box;
  text-indent: 0;
  transition: background-position 0.3s; }
  @media (min-width: 768px) {
    form.search_form input,
    .mobilenav ul li form.search_form input {
      text-indent: 40px; } }
  form.search_form input::placeholder,
  .mobilenav ul li form.search_form input::placeholder {
    color: #999999;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px; }

.mobilenav ul li form.search_form {
  margin: 0; }

.mobilenav ul li form.search_form input {
  margin: 0;
  padding: 13px 11px  !important; }

form.search_form.search_form--active input,
.mobilenav ul li form.search_form.search_form--active input {
  background-position: 11px 50%;
  text-indent: 30px; }
  @media (min-width: 768px) {
    form.search_form.search_form--active input,
    .mobilenav ul li form.search_form.search_form--active input {
      background-position: 15px 50%;
      text-indent: 40px; } }

form.search_form.search_form--active button {
  z-index: 1;
  opacity: 1; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.pager {
  border-bottom: 1px solid #183b78;
  width: 100%;
  float: left;
  clear: both;
  margin: 30px 0px 10px; }
  @media (min-width: 768px) {
    .pager {
      margin: 40px 0px 10px; } }
  .pager::after {
    clear: both;
    content: ' ';
    display: block; }
  .scEnabledChrome > .pager {
    float: none;
    padding-top: 40px; }

.pager .divider:before {
  background: #1d417c; }

.pager .divider__inner:after {
  border-right: 1px solid #1d417c; }

.pager .divider__inner:before {
  border-left: 1px solid #1d417c; }

.pager__border {
  border-bottom: 2px solid #183b78;
  margin-bottom: 1px;
  float: left;
  width: 100%;
  clear: both;
  padding: 0 0 30px; }
  @media (min-width: 768px) {
    .pager__border {
      display: flex; } }

.pager a,
.pager .empty {
  width: 50%;
  display: block;
  float: left;
  box-sizing: border-box;
  position: relative; }

.pager a.previous,
.pager .empty.prev {
  border-right: 1px dashed #9f9f9f; }

.pager a.next {
  float: right; }

.pager__text {
  display: block;
  transition: color .3s;
  color: #183b78;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

a:hover .pager__text {
  color: #69a9e3; }

.pager .next .pager__text {
  padding-right: 50px;
  padding-left: 10px;
  text-align: right; }
  @media (min-width: 768px) {
    .pager .next .pager__text {
      text-align: left;
      padding: 0px; } }

.pager .previous .pager__text {
  padding-left: 50px;
  padding-right: 10px; }
  @media (min-width: 768px) {
    .pager .previous .pager__text {
      text-align: left;
      padding: 0px; } }

@media (min-width: 768px) {
  .pager a {
    padding-right: 60px;
    padding-left: 60px; } }

.pager__subText {
  color: #000000;
  display: none; }
  @media (min-width: 768px) {
    .pager__subText {
      display: block; } }

.pager a .link--arrowLarge {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  z-index: -1; }
  @media (max-width: 480px) {
    .pager a .link--arrowLarge {
      width: 100%;
      border: none; } }

.pager a .link--arrowLarge.previous {
  left: 0; }

.pager a .link--arrowLarge.next {
  right: 0; }

@media (max-width: 480px) {
  .pager .link--arrowLarge.previous:after {
    right: auto;
    left: 0; }
  .pager .link--arrowLarge.next:after {
    left: auto !important;
    right: 0; }
  .pager .next .pager__text {
    padding-right: 20px; }
  .pager .previous .pager__text {
    padding-left: 20px; }
  .pager a.previous {
    border-right: none; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.progress {
  opacity: 0;
  clear: both; }

.progress--stick.fixed .progress {
  transition: opacity 1s;
  opacity: 1; }

.progress--stick.fixed {
  width: 100% !important;
  left: 0 !important;
  background: #fff;
  height: 59px; }
  @media (min-width: 768px) {
    .progress--stick.fixed {
      height: 80px; } }

.progress--stick.fixed .progress {
  height: 100%; }

.progress--stick_container {
  clear: both; }
  @media (min-width: 768px) {
    .progress--stick_container {
      position: absolute !important;
      top: 0; } }

.progress__bar {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  z-index: 9999999999; }

.progress--stick.fixed .progress__bar {
  background: #e4e4e4; }

.progress__bar_inner {
  width: 0%;
  height: 4px;
  background: #183b78;
  position: absolute;
  bottom: 0; }
@charset "UTF-8";
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.sidenav {
  max-width: 90%;
  text-align: left !important; }
  @media (min-width: 1180px) {
    .sidenav {
      max-width: 70%; } }
  @media (max-width: 767px) {
    .sidenav {
      max-width: initial;
      background: #fafafa;
      width: calc(100% + 20px);
      float: left;
      padding: 0px 20px;
      margin: 0 -10px;
      box-sizing: border-box; } }

.sidepanel--stick_container {
  margin-top: -20px; }

.sidepanel--stick_container .sidenav {
  padding-top: 20px; }

.sidenav h2 {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .sidenav h2 {
      display: none; } }

.sidenav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.sidenav ul li.current,
.sidenav ul li.current a {
  color: #cccccc !important; }

.sidenav ul li.label a {
  color: #183b78;
  display: block; }

.sidenav ul li.label a:hover,
.sidenav ul li.label:hover a {
  color: #69a9e3; }

.sidenav ul li.label {
  position: relative;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7; }
  @media (min-width: 1180px) {
    .sidenav ul li.label {
      padding-right: 20px; } }

@media (max-width: 767px) {
  .sidenav ul li.label:last-of-type {
    border: none; } }

.sidenav ul li:after {
  color: #183b78;
  content: "\27A4";
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  color: #4984b9;
  position: absolute;
  right: 0;
  top: 9px;
  transition: color .3s; }
  @media (min-width: 768px) {
    .sidenav ul li:after {
      display: none; } }
  @media (min-width: 1180px) {
    .sidenav ul li:after {
      display: block; } }

.sidenav ul li.current:after {
  color: #cccccc; }

.sidenav ul li:hover:after {
  color: #69a9e3; }

.sidenav ul li.current:hover,
.sidenav ul li.current:hover:after {
  color: #cccccc; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.article_nav {
  background: #fff;
  width: 100%;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  min-height: 1px;
  padding-top: 2px; }
  @media (max-width: 480px) {
    .article_nav {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px; } }
  @media (min-width: 768px) {
    .article_nav {
      padding: 18px 0 0;
      height: 40px; } }

@media (min-width: 768px) {
  .articlenav.fixed .article_nav {
    padding: 18px 0; } }

.article__link {
  box-sizing: border-box;
  width: 40px;
  height: 55px;
  overflow: hidden;
  background: #fff;
  text-indent: -999em;
  padding-bottom: 0;
  color: #183b78; }
  @media (min-width: 768px) {
    .article__link {
      text-indent: 0;
      width: auto;
      height: auto;
      line-height: 20px;
      margin-top: 9px; } }

.article__link.previous {
  float: left;
  border-right: solid 1px #e7e7e7; }
  @media (min-width: 768px) {
    .article__link.previous {
      border: none;
      float: right;
      padding-left: 30px;
      padding-right: 10px;
      border-right: solid 1px #e7e7e7;
      border-left: solid 1px #e7e7e7; } }

.article__link.next {
  float: right;
  border-left: solid 1px #e7e7e7; }
  @media (min-width: 768px) {
    .article__link.next {
      border: none;
      padding-right: 20px;
      padding-left: 10px; } }

.article__link:after {
  text-indent: 0;
  top: 50%;
  margin-top: -1px;
  color: #183b78; }

.article__link.previous:after {
  right: 14px;
  transform: rotate(180deg); }
  @media (min-width: 768px) {
    .article__link.previous:after {
      right: auto;
      left: 8px; } }

.article__link.next:after {
  left: auto;
  left: 14px; }
  @media (min-width: 768px) {
    .article__link.next:after {
      left: auto;
      right: 0; } }

.article__link,
.article__link:after {
  transition: color .3s; }

.article__link:hover,
.article__link:hover:after {
  color: #69a9e3; }

.article__title .label {
  font-size: 10px;
  display: inline-block;
  width: auto !important;
  max-width: initial !important; }
  @media (min-width: 768px) {
    .article__title .label {
      font-size: 12px;
      margin-top: 12px; } }

@media (max-width: 480px) {
  .article__title .label--link {
    margin-left: 20px; } }

.article__heading {
  font-size: 12px;
  line-height: 2.8;
  letter-spacing: 4px;
  text-align: center;
  color: #000000;
  color: #000000;
  margin: 0 0 -4px; }
  @media (min-width: 768px) {
    .article__heading {
      float: left;
      text-align: left;
      font-size: 14px;
      line-height: 40px;
      margin: 0;
      background: #fff;
      z-index: 1;
      position: relative;
      padding-right: 10px;
      line-height: 2.6; } }

/*
.article__title {
	width: calc(100% - 80px);
	font-family: 'Noto Serif', serif;
	text-transform: uppercase;
	float: right;

	@include breakpoint($large) {
		float: left;
		width: auto;
		width: calc(100% - 200px);
	}
}
.article__title:before {
	@include breakpoint($large) {
		content: ' ';
	    width: calc(100% - 380px);
	    height: 1px;
	    background: #e7e7e7;
	    position: absolute;
	    top: 36px;
	    left: 0;
	}
}
.article__title:after {
	@include breakpoint($large) {
		content: ' ';
	    width: 1px;
	    height: 15px;
	    background: #e7e7e7;
	    position: absolute;
	    top: 29px;
	    right: 380px;
	}
}
.article__title:before,
.article__title:after {
	@include breakpoint($large-only) {
		display: none;
	}
}
*/
.footnotes .richtext h2 {
  margin: 0 0 30px; }

.footnotes .note,
.footnotes .richtext > p,
.footnotes .richtext span > p {
  position: relative;
  padding-left: 25px; }

.footnotes .note p,
.footnotes .richtext > p,
.footnotes .richtext span > p {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  line-height: 1.43; }

.footnotes .note em,
.footnotes .richtext > p sup {
  font-style: normal;
  line-height: 1; }

.footnotes .richtext > p sup,
.footnotes .richtext > p .sup,
.footnotes .richtext span > p sup,
.footnotes .richtext span > p .sup,
.footnotes .richtext div > p .sup,
.footnotes .richtext div span > p .sup {
  position: absolute;
  top: auto;
  display: block;
  margin: 2px 0 0 -20px;
  color: #000000;
  font-size: 11px;
  font-size: 9px;
  font-style: italic;
  line-height: 13px; }

.richtext .raisedText,
.raisedText,
em.raisedText {
  position: relative;
  top: -5px;
  padding: 0 5px;
  font-size: 9px; }

.richtext .loweredText,
.loweredText,
em.loweredText {
  position: relative;
  bottom: -5px;
  padding: 0 5px;
  font-size: 9px; }

.richtext .italicText,
.italicText,
em.italicText {
  font-style: italic !important; }

.richtext .boldText,
.boldText,
em.boldText {
  font-weight: bold !important; }

.footnotes .richtext .raisedText {
  position: static;
  top: auto;
  color: #000000;
  font-size: 14px; }

.footnotes .richtext > p,
.footnotes .richtext span > p {
  margin-top: 0;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.footnotes a {
  overflow-wrap: break-word; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.video {
  clear: both;
  float: left;
  width: 100%;
  margin: 30px 0px 10px;
  position: relative; }
  @media (min-width: 768px) {
    .video {
      margin: 60px 0px 10px; } }
  .scEnabledChrome > .video {
    float: none; }

.video__letterbox {
  height: 48vw;
  overflow: hidden; }
  @media (min-width: 481px) {
    .video__letterbox {
      height: 38vw; } }
  @media (min-width: 768px) {
    .video__letterbox {
      height: 39vw; } }
  @media (min-width: 1180px) {
    .video__letterbox {
      height: 478px; } }

.video__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }

.video__wrapper span {
  width: 100%;
  height: 100%; }

.video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video__wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.video__image {
  cursor: pointer;
  transition: opacity .3s; }

.video__image:after {
  content: ' ';
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/*controls*/
.button--play_large {
  width: 40px;
  height: 40px;
  background: #69a9e3 url("/assets/images/play-small@2x.png") no-repeat 50% 50%;
  background-size: 20px 20px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  transition: opacity .3s; }
  @media (min-width: 768px) {
    .button--play_large {
      width: 80px;
      height: 80px; } }

.video__controls {
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  height: 50px;
  position: absolute;
  bottom: 0; }

.video__controls button {
  width: 50px;
  height: 50px;
  text-indent: -999em;
  overflow: hidden;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  transition: backgroundColor .3s; }

.video__controls button:hover {
  background: #69a9e3; }

.video__controls .duration {
  color: #fff;
  font-family: 'Noto Sans', serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  height: 50px;
  display: inline-block; }

.video__controls .button--fullscreen,
.video__controls .button--mute,
.video__controls .button--unmute {
  float: right; }

.video__controls .button--mute,
.video__controls .button--unmute {
  position: relative;
  overflow: visible; }

.video__controls .button--fullscreen ~ .button--mute,
.video__controls .button--fullscreen ~ .button--unmute {
  margin-right: 21px; }

.video__controls .button--fullscreen ~ .button--mute:after,
.video__controls .button--fullscreen ~ .button--unmute:after,
.video__controls .duration:after {
  content: ' ';
  width: 1px;
  height: 30px;
  background: #d7d7d7;
  display: block;
  position: absolute;
  top: 10px;
  right: -11px; }

.video__range {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  top: -18px;
  overflow: hidden;
  z-index: 10; }

.video__controls input[type="range"] {
  position: relative;
  left: 0;
  width: 100%;
  height: 30px;
  cursor: pointer;
  top: 0px;
  z-index: 10;
  opacity: 0.01; }

.playbar {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: -6px; }

.playbar__progress {
  width: 0%;
  height: 6px;
  background: #69a9e3; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; }

.video__controls .button--pause {
  background: transparent url("/assets/images/pause.png") no-repeat 50% 50%; }

.video__controls .button--pause:hover {
  background: #69a9e3 url("/assets/images/pause.png") no-repeat 50% 50%; }

.video__controls .button--mute {
  background: transparent url("/assets/images/mute.png") no-repeat 50% 50%; }

.video__controls .button--mute:hover {
  background: #69a9e3 url("/assets/images/mute.png") no-repeat 50% 50%; }

.video__controls .button--unmute {
  background: transparent url("/assets/images/volume.png") no-repeat 50% 50%; }

.video__controls .button--unmute:hover {
  background: #69a9e3 url("/assets/images/volume.png") no-repeat 50% 50%; }

.video__controls .button--fullscreen {
  background: transparent url("/assets/images/minimize.png") no-repeat 50% 50%; }

.video__controls .button--fullscreen:hover {
  background: #69a9e3 url("/assets/images/minimize.png") no-repeat 50% 50%; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.chapter {
  background: #fff;
  width: 100%;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  min-height: 1px; }
  @media (max-width: 480px) {
    .chapter {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px; } }
  @media (min-width: 768px) {
    .chapter {
      padding: 20px 0 0;
      height: 40px; } }

@media (min-width: 768px) {
  .chapter__stick.fixed .chapter {
    padding: 20px 0 16px; } }

.chapter__title {
  width: calc(100% - 80px);
  font-family: "Noto Serif", serif;
  text-transform: uppercase;
  float: right; }
  @media (min-width: 768px) {
    .chapter__title {
      float: left;
      width: auto;
      width: calc(100% - 200px); } }

.chapter__name {
  height: 0px;
  line-height: 0px; }

@media (min-width: 768px) {
  .chapter__title:before {
    content: " ";
    width: calc(100% - 380px);
    height: 1px;
    background: #e7e7e7;
    position: absolute;
    top: 36px;
    left: 0; } }

@media (min-width: 768px) {
  .chapter__title:after {
    content: " ";
    width: 1px;
    height: 15px;
    background: #e7e7e7;
    position: absolute;
    top: 29px;
    right: 380px; } }

@media (min-width: 768px) and (max-width: 1179px) {
  .chapter__title:before,
  .chapter__title:after {
    display: none; } }

.chapter__heading {
  font-size: 12px;
  line-height: 2.8;
  letter-spacing: 4px;
  text-align: center;
  color: #000000;
  color: #000000;
  margin: 0 0 -8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  display: inline-block; }
  @media (min-width: 768px) {
    .chapter__heading {
      float: left;
      text-align: left;
      font-size: 14px;
      line-height: 40px;
      margin: 0;
      background: #fff;
      z-index: 1;
      position: relative;
      padding-right: 10px;
      line-height: 2.6;
      width: 50%; } }
  @media (min-width: 1180px) {
    .chapter__heading {
      width: 60%; } }

.chapter__slidein {
  width: 100%;
  text-align: center;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .chapter__slidein {
      text-align: left;
      float: right;
      padding-right: 20px; } }

.chapter__slidein .label--small {
  display: block; }
  @media (min-width: 768px) {
    .chapter__slidein .label--small {
      float: right;
      font-size: 12px;
      line-height: 38px; } }

.chapter .chapter__link {
  box-sizing: border-box;
  width: 40px;
  height: 55px;
  overflow: hidden;
  background: #fff;
  text-indent: -999em;
  padding-bottom: 0;
  color: #183b78; }
  @media (min-width: 768px) {
    .chapter .chapter__link {
      text-indent: 0;
      width: auto;
      height: auto;
      line-height: 20px;
      margin-top: 9px; } }

.chapter__link.previous {
  float: left;
  border-right: solid 1px #e7e7e7; }
  @media (min-width: 768px) {
    .chapter__link.previous {
      border: none;
      float: right;
      padding-left: 30px;
      padding-right: 10px;
      border-right: solid 1px #e7e7e7;
      border-left: solid 1px #e7e7e7; } }

.chapter__link.next {
  float: right;
  border-left: solid 1px #e7e7e7; }
  @media (min-width: 768px) {
    .chapter__link.next {
      border: none;
      padding-right: 20px;
      padding-left: 10px; } }

.chapter .chapter__link:after {
  text-indent: 0;
  top: 50%;
  margin-top: -1px;
  color: #183b78; }

.chapter__link.previous:after {
  right: 14px;
  transform: rotate(180deg); }
  @media (min-width: 768px) {
    .chapter__link.previous:after {
      right: auto;
      left: 8px; } }

.chapter__link.next:after {
  left: auto;
  left: 14px; }
  @media (min-width: 768px) {
    .chapter__link.next:after {
      left: auto;
      right: 0; } }

.chapter__link,
.chapter__link:after {
  transition: color 0.3s; }

.chapter__link:hover,
.chapter__link:hover:after {
  color: #69a9e3; }

span.chapter__link,
span.chapter__link:after {
  color: #ccc !important; }

.chapter__link:hover,
.chapter__link:hover:after {
  color: #ccc !important; }

.chapter__clickable:hover {
  cursor: pointer; }

.chapter__clickable:hover .label {
  color: #69a9e3; }

@media (min-width: 1180px) {
  .chapter__clickable .label {
    display: inline-block; } }

/*chapter list*/
.chapter__list {
  margin: 0;
  padding: 10px 0 0 20px;
  list-style: none; }
  .chapter__list::after {
    clear: both;
    content: " ";
    display: block; }

.chapter__item {
  padding-left: 30px;
  padding-bottom: 22px;
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box; }

.chapter__item:last-of-type {
  padding-bottom: 0; }

.chapter__item a {
  float: left;
  width: 100%; }

.chapter__item:after {
  content: " ";
  width: 9px;
  height: 9px;
  border-radius: 5px;
  border: 1px solid #5391c8;
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.chapter__item:before {
  content: " ";
  width: 1px;
  height: 100%;
  background: #5391c8;
  display: block;
  position: absolute;
  top: 0;
  left: 5px; }

.chapter__item:last-of-type:before {
  content: initial; }

.chapter__item a {
  text-decoration: none;
  margin-top: -2px;
  padding-bottom: 0px; }

.chapter__item span {
  display: block;
  clear: both;
  margin-bottom: 0; }

.chapter__info {
  margin-bottom: 0;
  padding-bottom: 5px;
  color: #000000; }
  @media (min-width: 481px) {
    .chapter__info {
      padding-bottom: 0px; } }

.chapter__info:after {
  content: " ";
  background: #e7e7e7;
  width: 0%;
  height: 1px;
  display: block;
  bottom: 0px;
  margin-top: 5px;
  position: relative;
  transition: width 0.5s; }
  @media (min-width: 481px) {
    .chapter__info:after {
      bottom: -3px;
      margin-top: 0px; } }

.chapter__item--current:after {
  background: #5391c8; }

.chapter__item--disabled span {
  color: #656565; }

.chapter__head {
  color: #69a9e3;
  transition: color 0.3s;
  padding-bottom: 5px; }

.chapter__author {
  color: #000;
  display: block !important;
  margin-top: 0.2rem;
  font-weight: normal; }
  .chapter__author:before {
    content: " - "; }

.chapter__item a:hover .chapter__head {
  color: #69a9e3; }

.chapter__item a:hover .chapter__info:after {
  width: 100%; }

.chapter__item--current .chapter__head {
  color: #69a9e3; }

/*
.chapter__item--current a:hover{
	cursor: default;
}
.chapter__item--current a:hover .chapter__head {
	color: #69a9e3;
}
.chapter__item--current a:hover .chapter__info:after{
	width: 0%;
}
*/
/*sub list*/
.chapter__item ul {
  margin: 0;
  padding: 5px 0 0;
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  width: 100%;
  float: left;
  clear: both; }

.chapter__item ul li {
  margin: 0;
  padding: 0 0 5px;
  list-style: none;
  float: left;
  width: 100%; }

.chapter__item ul li a {
  padding: 0;
  text-align: left;
  margin: 5px 0 0;
  cursor: pointer;
  font-family: "Noto Serif", serif;
  font-size: 14px;
  color: #323232;
  transition: color 0.3s;
  cursor: pointer !important; }

.chapter__item ul li a strong {
  font-weight: normal; }

.chapter__item ul li a:hover {
  color: #69a9e3; }

/*progress*/
.chapter__progress {
  width: 100%;
  height: 4px;
  background: transparent;
  position: absolute;
  bottom: 0;
  z-index: 9999999999; }

.chapter__progress_inner {
  width: 0%;
  height: 4px;
  background: #183b78;
  position: absolute;
  bottom: 0; }

.chapter__stick.fixed .chapter--name {
  height: 40px; }

.chapter__list .accordion {
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none; }

.chapter__list .chapter__item--current .accordion {
  display: block; }

.chapter__list .accordion__head {
  font-size: 10px;
  letter-spacing: 2px;
  font-family: "Noto Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  clear: both;
  cursor: pointer;
  transition: color 0.3s; }

.chapter__list .accordion__head:hover {
  color: #69a9e3; }

.chapter__list .accordion__head:after {
  margin-left: 5px;
  top: -2px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.introduction h1 {
  padding-top: 20px; }

.introduction h1,
.introduction--subheading h1 {
  margin-bottom: 50px; }

.introduction .introduction__stick h1 {
  /*transition: all .3s;*/
  padding-top: 12px; }

.introduction .introduction__stick.fixed {
  height: 40px;
  background: #fff;
  padding: 8px 0 6px; }
  @media (min-width: 768px) {
    .introduction .introduction__stick.fixed {
      padding: 18px 0; } }

.introduction .introduction__stick.fixed h1 {
  font-size: 16px; }

.introduction h1 div.re-title {
  /* IISS-78 */
  border-top: 1px solid #e6e6e6;
  box-sizing: border-box;
  clear: both;
  line-height: 1.33;
  margin-bottom: 10px !important;
  padding-right: 20px;
  padding-top: 10px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.people,
.people ul {
  text-align: center;
  padding: 0;
  margin: 0; }
  @media (min-width: 768px) {
    .people,
    .people ul {
      text-align: left; }
      .people::after,
      .people ul::after {
        clear: both;
        content: ' ';
        display: block; } }

.people {
  float: left;
  width: 100%;
  clear: both;
  margin: 50px 0px 10px; }
  @media (min-width: 768px) {
    .people {
      margin: 40px 0px 10px; } }

.people li {
  width: 100%; }

ul li:last-of-type .person {
  margin-bottom: 0; }

.component .people {
  margin: 0; }

.person a .label {
  transition: color .3s; }

.person a:hover .label,
.person a:hover .label:after {
  color: #69a9e3; }

.person__body {
  overflow: hidden; }

.person a .person__detail,
.person a:hover .person__detail {
  transition: none;
  color: #000000; }

.people .h4 {
  display: block;
  text-align: left; }

.people ul,
.people ul li {
  list-style: none;
  padding: 0;
  margin: 0; }

.people ul {
  display: flex;
  flex-flow: wrap; }

.person {
  margin: 0 0 30px;
  list-style: none;
  float: left;
  width: 100%; }
  @media (min-width: 768px) {
    .person {
      float: left;
      clear: both;
      width: 100%; } }

.person .person__image .person__img {
  border-radius: 50%;
  margin-bottom: 10px;
  max-width: 115px; }
  @media (min-width: 768px) {
    .person .person__image .person__img {
      float: left;
      margin-right: 20px; } }

.person .person__name {
  margin-bottom: 10px;
  clear: both;
  color: #000; }

.person .person__name a {
  color: #000000;
  transition: color .3s;
  margin-top: 2px;
  display: block; }

.person .person__name a:hover,
.person .person__image:hover ~ .person__name > a.person__link,
.person__link:hover .person__name {
  color: #69a9e3; }

.person__link {
  display: inline-block; }

.person__social {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  color: #183b78 !important;
  display: block; }

.person__contact {
  color: #183b78 !important; }

.person__contact:hover,
.person__social:hover {
  color: #69a9e3 !important; }

.person__about {
  padding-bottom: 0;
  margin-bottom: 5px;
  padding-right: 25px;
  display: block;
  display: inline-block !important;
  padding-bottom: 0 !important; }

.person__about:after {
  top: 50% !important;
  margin-top: -1px;
  right: 5px !important;
  right: -9px !important;
  position: relative !important; }

.person__detail {
  display: none; }
  @media (min-width: 768px) {
    .person__detail {
      font-family: 'Noto Serif', serif;
      display: block;
      font-size: 14px; } }

/*side panel person*/
.person--side {
  max-width: 90%; }
  @media (min-width: 1180px) {
    .person--side {
      max-width: 70%; } }

.person--side .person__image {
  float: left;
  width: 100%;
  position: relative;
  margin-right: 0; }

.person--side .person__flag {
  position: absolute;
  bottom: 10px;
  left: 80px; }

.person--side a {
  color: #4d4d4d; }

.person__carousel .person__img {
  max-width: 130px;
  margin-right: 0 !important;
  float: none !important; }

.person__carousel .person__image {
  float: left;
  width: 100%;
  text-align: center; }

.person__carousel .person__name,
.person__carousel .person__detail,
.person__carousel .person__about {
  text-align: center; }

.person__carousel .person__about {
  display: inline-block;
  margin-left: 20px; }

.person__carousel .person__detail {
  margin-right: auto;
  margin-left: auto;
  max-width: 200px;
  display: none; }

.person__carousel .person .person__name {
  margin-bottom: 0; }

.person__carousel .person__about_link {
  width: 100%;
  display: block;
  text-align: center; }

.person__contact {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 20px;
  font-size: 10px;
  letter-spacing: 2px; }

.person__contact:after {
  right: 0 !important; }

.person__job {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  color: #1c1c1c;
  margin-top: 0; }

.person__carousel .person__job {
  text-align: center; }

.person__carousel .carousel__panel .person .linked {
  text-align: center; }

.person__carousel .carousel__panel .person .linked .person__contact {
  text-align: left; }

.person__carousel .carousel__panel .person,
.person__carousel .carousel__panel .person .linked,
.person__carousel .carousel__panel .person .linked a.person__link,
.person__carousel .carousel__panel .person .unlinked {
  height: 100%; }

.person__carousel .carousel__panel .person .linked,
.person__carousel .carousel__panel .person .linked .person__link,
.person__carousel .carousel__panel .person .unlinked {
  display: flex;
  flex-direction: column; }

.person__carousel .carousel__panel .person .linked > a.person__link > span,
.person__carousel .carousel__panel .person .unlinked > span {
  flex-grow: 1; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
#readingpanel {
  width: 100%;
  float: left;
  clear: both; }

.reading {
  font-family: 'Noto Serif', serif;
  clear: both;
  float: left;
  width: 100%; }

.anchorpoint {
  position: relative;
  top: -80px;
  clear: both; }

.reading .richtext.component {
  margin: 0 !important; }

.reading ul {
  padding: 10px 0 10px 20px;
  margin: 0; }

.reading ul li {
  margin-bottom: 10px; }

.reading img {
  margin: 30px 0 10px;
  height: auto;
  width: 100%; }
  @media (min-width: 768px) {
    .reading img {
      margin: 40px 0 10px; } }
  .reading img.bookCover {
    margin: 0 5px 0 0;
    height: 200px;
    width: auto; }
  .reading img.flag {
    height: 14px;
    width: 20px; }
  .reading img.socialIcon {
    height: 25px;
    width: 25px; }

.reading table img {
  width: auto;
  width: auto;
  margin: 10px 0 0px; }

.reading p {
  margin: 20px 0 10px !important; }

.reading em.boldText {
  font-weight: bold;
  font-style: normal; }

.reading .raisedText,
.raisedText,
em.raisedText {
  font-size: 9px;
  top: -5px;
  position: relative;
  padding: 0 5px; }

.reading .loweredText,
.loweredText,
em.loweredText {
  font-size: 9px;
  bottom: -5px;
  position: relative;
  padding: 0 5px; }

.reading .italicText,
.italicText,
em.italicText {
  font-style: italic !important; }

.reading .underlinedText,
.underlinedText,
em.underlinedText {
  text-decoration: underline !important; }

.reading .boldText,
.boldText,
em.boldText {
  font-weight: bold !important; }

.richtext .indent {
  margin-left: 20px !important;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .richtext .indent {
      margin-left: 30px !important; } }

.richtext .indent_1 {
  margin-left: 10px !important;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .richtext .indent_1 {
      margin-left: 15px !important; } }

.richtext .indent_2 {
  margin-left: 20px !important;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .richtext .indent_2 {
      margin-left: 30px !important; } }

.richtext .indent_3 {
  margin-left: 30px !important;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .richtext .indent_3 {
      margin-left: 45px !important; } }

.richtext .indent_4 {
  margin-left: 40px !important;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .richtext .indent_4 {
      margin-left: 60px !important; } }

.richtext .highlight_panel {
  padding: 20px 20px 10px;
  background: #fafafa;
  margin: 30px 0 20px;
  float: none; }
  @media (min-width: 768px) {
    .richtext .highlight_panel {
      padding: 20px 20px 10px; } }

.richtext .highlight_panel:after {
  content: " ";
  width: 100%;
  clear: both; }

.richtext .highlight_panel p {
  margin-top: 10px; }

.richtext .highlight_panel p:first-of-type {
  margin-top: 15px; }

.richtext .highlight_panel h1,
.richtext .highlight_panel h2,
.richtext .highlight_panel h3,
.richtext .highlight_panel h4,
.richtext .highlight_panel h5 {
  margin: 0 0 0 0;
  padding-top: 0;
  border: none; }

.richtext .subcopy > span ~ em {
  float: right !important; }

/*
.reading .indent1 {
	padding-left: 10px;
	@include breakpoint($large) {
		padding-left: 20px;
	}
}
.reading .indent2 {
	padding-left: 20px;
	@include breakpoint($large) {
		padding-left: 40px;
	}
}
*/
.reading h1,
.reading h2,
.reading h3,
.reading h4,
.reading h5,
.reading h1 *,
.reading h2 *,
.reading h3 *,
.reading h4 *,
.reading h5 * {
  font-family: 'Playfair Display', serif; }

.reading h1,
.reading h2,
.reading h3,
.reading h4,
.reading h5 {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  box-sizing: border-box;
  clear: both;
  padding-right: 20px;
  line-height: 1.44;
  margin: 30px 0px 10px 0 !important; }
  @media (min-width: 768px) {
    .reading h1,
    .reading h2,
    .reading h3,
    .reading h4,
    .reading h5 {
      margin: 40px 0px 10px !important;
      line-height: 1.33; } }

.reading table {
  border: none; }

.reading table {
  overflow: auto;
  width: 100%;
  display: block;
  max-width: 800px; }

.reading table tbody {
  width: 100%;
  display: inline-table; }

.reading table tbody tr {
  width: 100%; }

.richtext table p {
  padding: 0 !important;
  margin: 0 !important; }

.reading table em.boldText,
.reading table strong {
  color: #4a4a4a;
  font-family: 'Noto Sans', serif;
  font-weight: bold;
  font-size: 12px; }

.reading table strong.tableHead {
  text-transform: uppercase;
  letter-spacing: 3px; }

.reading table tbody {
  width: 100%;
  min-width: 100%; }

/*
.reading table tbody tr:first-of-type strong {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #4a4a4a;
	text-transform: none;
	letter-spacing: normal;
}
.reading table thead ~ tbody tr:first-of-type strong {
	color:#4a4a4a;
	font-family: 'Noto Sans', serif;
	font-weight: bold;
	font-size: 12px;
}
.reading table thead ~ tbody tr:first-of-type strong.tableHead {
	text-transform: uppercase;
	letter-spacing: 3px;
}
*/
.reading table .tableCaption {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  color: #4a4a4a;
  text-transform: none;
  letter-spacing: normal; }

.richtext table p {
  padding: 0 !important; }

.reading table td {
  font-size: 14px;
  font-family: 'Noto Sans',serif;
  font-style: normal; }

.reading table em.boldText,
.reading table strong,
.reading table td {
  /*@include breakpoint($large-max) {
		font-size:1.1vw;
	}*/ }

@media (max-width: 1179px) {
  .reading table td {
    padding: 5px; } }

.reading table td:first-of-type {
  border-left: none; }

.reading table td:last-of-type {
  border-right: none; }

.reading .gray-box {
  margin: 30px 0px 10px; }
  @media (min-width: 768px) {
    .reading .gray-box {
      margin: 40px 0px 10px; } }

.reading .gray-box h1,
.reading .gray-box h2,
.reading .gray-box h3,
.reading .gray-box h4,
.reading .gray-box h5 {
  text-align: left;
  padding: 10px 0px 30px 0px;
  font-size: 18px;
  border-top: solid 1px #e6e6e6;
  margin: 0; }

.reading .gray-box table {
  margin-top: 0; }

.reading table em.boldText {
  font-weight: bold; }

.reading table strong {
  font-weight: normal;
  color: #69a9e3; }

.reading table tr:first-of-type td {
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #d7d7d7; }

.reading .subcopy em,
.richtext .subcopy em {
  float: none !important; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.imagepanel {
  clear: both;
  float: left;
  margin: 30px 0 10px;
  width: 100%; }
  @media (min-width: 768px) {
    .imagepanel {
      margin: 40px 0 10px; } }
  .scEnabledChrome > .imagepanel {
    float: none; }

.imagepanel .subcopy {
  margin: 0;
  max-width: none; }

.imagepanel .subcopy em {
  float: right; }

.imagepanel .subcopy em.boldText,
.imagepanel .subcopy em.italicText,
.imagepanel .subcopy em.raisedText,
.imagepanel .subcopy em.loweredText {
  float: none; }

.imagepanel--fullwidth .subcopy,
.imagepanel--fullwidth em {
  display: none; }

/*fullwidth*/
@media (min-width: 481px) {
  .imagepanel--fullwidth {
    height: 'auto'; } }

@media (min-width: 768px) {
  .imagepanel--fullwidth {
    height: 500px; } }

.imagepanel--fullwidth .imagepanel__container {
  height: 200%; }

.imagepanel--fullwidth .imagepanel__wrap {
  height: 200px;
  overflow: hidden; }
  @media (max-width: 480px) {
    .imagepanel--fullwidth .imagepanel__wrap {
      margin-right: 20px;
      margin-left: -20px;
      width: calc(100% + 40px); } }
  @media (min-width: 481px) {
    .imagepanel--fullwidth .imagepanel__wrap {
      height: 'auto'; } }
  @media (min-width: 768px) {
    .imagepanel--fullwidth .imagepanel__wrap {
      position: absolute;
      left: 0;
      height: 500px;
      width: 100%; } }

.imagepanel--fullwidth .imagepanel__wrap img {
  position: relative;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover; }

.imagepanel__image {
  position: relative;
  bottom: 0; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.buynow {
  background-color: #183b78;
  padding: 0;
  position: relative;
  padding-bottom: 1px;
  float: left;
  width: 100%;
  clear: both;
  margin: 0px 0px 10px; }
  @media (min-width: 1180px) {
    .buynow {
      float: left;
      width: 100%;
      box-sizing: border-box;
      clear: both;
      margin: 0px 0px 10px; }
      .buynow::after {
        clear: both;
        content: ' ';
        display: block; } }

.buynow__message {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  color: #69a9e3;
  text-transform: uppercase;
  border-top: 1px solid #69a9e3;
  padding-top: 10px;
  letter-spacing: 1px;
  margin: 20px auto 0;
  max-width: 240px; }
  @media (min-width: 1180px) {
    .buynow__message {
      max-width: 290px; } }
  @media (min-width: 1180px) {
    .buynow__message {
      max-width: 100%; } }

.buynow.buynow--hidefade {
  margin-top: 50px; }

.buynow__border {
  border-bottom: 1px solid #fff;
  padding: 0 20px 20px;
  box-sizing: border-box;
  width: 100%;
  float: left; }
  @media (min-width: 1180px) {
    .buynow__border {
      padding: 20px 40px 0px; } }

.buynow ul,
.buynow ul li {
  list-style: none;
  padding: 0;
  margin: 0; }

.buynow ul {
  margin: 0 auto;
  width: 200px;
  text-align: left; }
  @media (min-width: 1180px) {
    .buynow ul {
      width: initial; } }

.buynow h3 {
  font-style: italic;
  margin: 0 0 10px;
  color: #fff;
  font-size: 24px; }
  @media (min-width: 1180px) {
    .buynow h3 {
      max-width: 290px; } }
  @media (min-width: 1180px) {
    .buynow h3 {
      max-width: 100%; } }

.buynow .radio {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px; }

.buynow .radio__text {
  color: #69a9e3;
  font-family: NotoSerif;
  font-style: italic;
  font-size: 14px; }

.buynow .radio__text--discount .itemprice {
  text-decoration: line-through; }

.buynow label {
  font-family: 'Noto Sans', serif;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
  cursor: pointer; }

input[type="radio"]:checked ~ .radio__text {
  color: #69a9e3; }

.buynow input[type="radio"]:checked ~ .radio__text {
  color: #fff; }

.buynow__overlay {
  width: 100%;
  height: 100px;
  top: -100px;
  right: 0;
  position: absolute;
  z-index: 2;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, white 100%); }
  @media (min-width: 1180px) {
    .buynow__overlay {
      height: 150px;
      top: -150px; } }

.buynow.buynow--hidefade .buynow__overlay {
  display: none; }

.buynow__image {
  width: 100%;
  display: block;
  text-align: center;
  top: -55px;
  overflow: visible;
  position: relative;
  z-index: 2;
  margin-bottom: -45px; }
  @media (min-width: 1180px) {
    .buynow__image {
      display: none; } }
  @media (min-width: 1180px) {
    .buynow__image {
      display: block;
      width: 175px;
      float: left;
      margin-bottom: -46px;
      top: -40px; } }

@media (max-width: 767px) {
  .buynow__image.buynow__image--nomobile {
    padding-top: 20px;
    margin-bottom: 0;
    top: auto; } }

@media (min-width: 768px) {
  .buynow__image.buynow__image--nodesktop {
    padding-top: 20px;
    margin-bottom: 0;
    top: auto;
    width: 0; } }

@media (min-width: 768px) {
  .buynow__image.buynow__image--nodesktop ~ .buynow__detail {
    padding-left: 0; } }

.buynow__image img {
  width: 25%;
  min-width: 95px; }
  @media (min-width: 1180px) {
    .buynow__image img {
      width: 100%; } }

@media (min-width: 1180px) {
  .buynow__image--mobile {
    display: none; } }

@media (max-width: 1179px) {
  .buynow__image--desktop {
    display: none; } }

.buynow__detail {
  margin: 0 0 20px 0;
  text-align: center; }
  @media (min-width: 1180px) {
    .buynow__detail {
      float: left;
      text-align: left;
      padding-left: 0;
      width: 45%; } }
  @media (min-width: 1180px) {
    .buynow__detail {
      padding-left: 35px;
      width: auto; } }

.buynow__detail ul li {
  margin-bottom: 5px; }

.buynow__cta {
  max-width: 240px;
  margin: 0 auto; }
  @media (min-width: 1180px) {
    .buynow__cta {
      float: right;
      width: 100%; } }
  @media (min-width: 1180px) {
    .buynow__cta {
      float: none;
      position: absolute;
      bottom: 30px;
      right: 30px; } }

.buynow__cta a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  float: none; }
  @media (min-width: 1180px) {
    .buynow__cta a {
      float: right;
      width: auto; } }

label.unavailable {
  opacity: 0.5; }

.radio__text--unavailable {
  color: #fff; }

.unavailable .radio__text--label {
  text-decoration: line-through; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.highlight_panel {
  position: relative;
  float: left;
  margin: 50px 0 0;
  padding: 0;
  padding-bottom: 1px;
  width: 100%;
  box-sizing: border-box;
  background-color: #183B78; }
  @media (min-width: 768px) {
    .highlight_panel {
      margin: 40px 0 20px; } }

.highlight_panel .validator__form_message {
  margin-bottom: 10px; }

.highlight_panel--noimage {
  padding: 5px; }

.highlight_panel--multi_cta.withimage {
  margin-top: 70px; }

.highlight_panel__border {
  float: left;
  padding: 0 20px 0 10px;
  width: 100%;
  min-height: 101px;
  box-sizing: border-box;
  border-bottom: 1px solid #FFFFFF; }
  @media (min-width: 768px) {
    .highlight_panel__border {
      padding: 10px 40px 10px; } }

.highlight_panel--noimage .highlight_panel__border {
  padding: 0 10px;
  min-height: 0;
  box-sizing: border-box;
  border: dashed 1px #69A9E3; }
  @media (min-width: 768px) {
    .highlight_panel--noimage .highlight_panel__border {
      padding: 0 20px; } }
  @media (min-width: 1180px) {
    .highlight_panel--noimage .highlight_panel__border {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px 0 20px; } }

.highlight_panel__image {
  float: left;
  width: 35%; }
  @media (min-width: 768px) {
    .highlight_panel__image {
      width: auto; } }

.highlight_panel__image img {
  position: absolute;
  bottom: 2px;
  width: 35%;
  max-width: 111px; }
  @media (min-width: 481px) {
    .highlight_panel__image img {
      width: 130px; } }

.highlight_panel__text {
  float: left;
  padding: 15px 0 0 calc(35% + 20px);
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .highlight_panel__text {
      padding-left: 130px;
      width: 100%; } }
  @media (min-width: 1180px) {
    .highlight_panel__text {
      padding-bottom: 15px; } }

.highlight_panel--noimage .highlight_panel__text {
  float: none;
  padding-left: 0;
  width: 100%; }
  @media (min-width: 1180px) {
    .highlight_panel--noimage .highlight_panel__text {
      padding-top: 25px;
      padding-bottom: 20px;
      width: 50%; } }

/*
.highlight_panel--multi_cta .highlight_panel__text{

	@include breakpoint($large-max) {
		padding-left: 0;
	}
}

.highlight_panel--multi_cta .highlight_panel__image {
	@include breakpoint($large-max) {
		display: none;
	}
}
*/
.highlight_panel__heading {
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: italic; }

.highlight_panel__heading a {
  color: #FFFFFF; }

.highlight_panel__heading a:hover,
a:hover .highlight_panel__heading a {
  color: #69A9E3; }

.highlight_panel__subheading {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #69A9E3;
  font-family: 'Noto Sans', sans-serif; }
  @media (min-width: 768px) {
    .highlight_panel__subheading {
      display: block; } }

.highlight_panel__preheading {
  margin-top: 0;
  margin-bottom: 5px;
  color: #69A9E3;
  font-family: 'Noto Sans', sans-serif; }

.highlight_panel--noimage .highlight_panel__subheading {
  display: block;
  margin-bottom: 0; }

.highlight_panel__link {
  float: left;
  margin: 5px 0 10px calc(35% + 20px);
  padding-right: 20px;
  background: transparent;
  border: 0; }
  @media (min-width: 481px) {
    .highlight_panel__link {
      margin-left: 130px; } }
  @media (min-width: 768px) {
    .highlight_panel__link {
      float: right;
      margin-left: 0; } }
  @media (min-width: 1180px) {
    .highlight_panel__link {
      position: absolute !important;
      top: 50%;
      right: 40px;
      margin: -9px 0 0 0; } }

.highlight_panel--noimage .highlight_panel__link {
  position: relative;
  top: auto;
  right: auto;
  display: block;
  float: none;
  margin: 20px 0 0;
  padding: 15px 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: solid 1px #69A9E3;
  text-align: right; }
  @media (min-width: 1180px) {
    .highlight_panel--noimage .highlight_panel__link {
      position: absolute;
      top: 50%;
      right: 40px;
      margin: 0;
      margin-top: -23px;
      padding-left: 50px;
      width: auto;
      border-top: 0;
      border-left: 1px dashed #69A9E3; } }

.withimage .highlight_panel__ctas {
  float: left;
  padding-left: calc(35% + 20px); }
  @media (min-width: 481px) {
    .withimage .highlight_panel__ctas {
      padding-left: 130px; } }

.highlight_panel__ctas a,
.highlight_panel__ctas button,
.highlight_panel__ctas .link_holder {
  float: left !important;
  width: auto !important;
  background: transparent; }
  @media (min-width: 1180px) {
    .highlight_panel__ctas a,
    .highlight_panel__ctas button,
    .highlight_panel__ctas .link_holder {
      float: left !important;
      width: auto !important; } }

.highlight_panel__ctas {
  float: left;
  margin-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 1180px) {
    .highlight_panel__ctas {
      display: flex;
      flex: 1 0 auto;
      justify-content: flex-end;
      width: auto;
      max-width: 50%; } }

.highlight_panel--multi_cta .highlight_panel__link {
  position: relative !important;
  top: auto;
  right: auto;
  display: inline-block;
  float: none;
  margin: 0;
  padding: 15px 20px;
  width: auto;
  width: 100%;
  box-sizing: border-box;
  border: none;
  color: #FFFFFF;
  text-align: left; }

.highlight_panel--multi_cta .button {
  float: none;
  width: 100%;
  box-sizing: border-box; }

.highlight_panel--multi_cta .button,
.highlight_panel--multi_cta .highlight_panel__link {
  cursor: pointer; }

.highlight_panel--multi_cta .button a {
  display: inline-block; }

.highlight_panel .highlight_panel__link a {
  display: inline; }

.highlight_panel .highlight_panel__link:after {
  top: 8px;
  right: -6px; }

.highlight_panel--noimage .highlight_panel__link:after {
  top: 23px; }

.highlight_panel--multi_cta .highlight_panel__link:after {
  position: relative;
  top: 0;
  right: 0;
  margin-left: 10px;
  color: #FFFFFF; }

.highlight_panel__link,
.highlight_panel__link:after {
  color: #FFFFFF !important;
  transition: color 0.3s; }

.highlight_panel__link:hover,
.highlight_panel__link:hover:after,
a:hover .highlight_panel__link,
a:hover .highlight_panel__link:after {
  color: #69A9E3 !important; }

.highlight_panel--left .highlight_panel__image {
  float: right; }

.highlight_panel--left .highlight_panel__image img {
  right: 10px;
  width: 45%;
  max-width: 45%; }
  @media (min-width: 768px) {
    .highlight_panel--left .highlight_panel__image img {
      right: 40px;
      width: auto;
      max-width: 40%; } }

.highlight_panel--left .highlight_panel__text {
  padding: 15px 0;
  /*padding:15px 0 0px calc(35% + 20px)*/
  width: 50%; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.upgrade {
  background-color: #183b78;
  padding: 0;
  position: relative;
  padding-bottom: 1px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin: 30px 0 10px; }
  @media (min-width: 768px) {
    .upgrade {
      margin: 40px 0 10px; } }

.upgrade__border {
  border-bottom: 1px solid #fff;
  padding: 0 20px 0px 10px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  min-height: 101px; }
  @media (min-width: 768px) {
    .upgrade__border {
      padding: 10px 40px 10px; } }

.upgrade__image {
  float: left;
  width: 35%; }
  @media (min-width: 768px) {
    .upgrade__image {
      width: auto; } }

.upgrade__image img {
  width: 35%;
  position: absolute;
  bottom: 2px;
  max-width: 111px; }
  @media (min-width: 481px) {
    .upgrade__image img {
      width: 130px; } }

.upgrade__text {
  padding: 15px 0 0px calc(35% + 20px);
  box-sizing: border-box;
  float: left; }
  @media (min-width: 481px) {
    .upgrade__text {
      padding-left: 130px;
      width: 100%; } }

.upgrade__heading {
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
  font-style: italic; }
  @media (min-width: 768px) {
    .upgrade__heading {
      font-size: 16px; } }

.upgrade__subheading {
  display: none; }
  @media (min-width: 768px) {
    .upgrade__subheading {
      display: block; } }

.upgrade__link {
  padding-right: 20px;
  float: left;
  margin: 5px 0 10px calc(35% + 20px); }
  @media (min-width: 481px) {
    .upgrade__link {
      margin-left: 130px; } }
  @media (min-width: 768px) {
    .upgrade__link {
      float: right;
      margin-left: 0; } }
  @media (min-width: 1180px) {
    .upgrade__link {
      position: absolute;
      top: 50%;
      right: 40px;
      margin: -9px 0 0 0; } }

.upgrade__link,
.upgrade__link:after {
  color: #fff;
  transition: color .3s; }

.upgrade__link:hover,
.upgrade__link:hover:after,
a:hover .upgrade__link,
a:hover .upgrade__link:after {
  color: #69a9e3; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.publicationinfo {
  /*margin: 0 auto;*/
  padding-bottom: 20px;
  text-align: left;
  display: block;
  max-width: 90%; }
  @media (min-width: 768px) {
    .publicationinfo {
      padding-bottom: 0px;
      padding-top: 0px; } }
  @media (min-width: 1180px) {
    .publicationinfo {
      max-width: 70%; } }

.pubinfo_no_image {
  padding-left: 10px; }
  @media (min-width: 481px) {
    .pubinfo_no_image {
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .pubinfo_no_image {
      padding-left: 0px; } }

@media (max-width: 767px) {
  .pubinfo_no_image .publicationinfo {
    margin-left: auto;
    margin-right: auto;
    display: inline-block; } }

.publicationinfo dl {
  margin-bottom: 20px; }

.publicationinfo p.subcopy {
  margin-bottom: 5px;
  padding-top: 0; }

@media (min-width: 768px) {
  .col--publicationinfo ~ .col .publicationinfo {
    padding-top: 20px; } }

.publicationinfo--image {
  text-align: right; }
  @media (min-width: 768px) {
    .publicationinfo--image {
      text-align: left; } }

.col--push_2_medium_max .publicationinfo--image {
  text-align: center; }
  @media (min-width: 768px) {
    .col--push_2_medium_max .publicationinfo--image {
      text-align: left; } }

@media (max-width: 767px) {
  .col--push_2_medium_max .publicationinfo {
    max-width: 100%; } }

.publicationinfo img {
  width: 100px;
  height: 100%; }
  @media (min-width: 768px) {
    .publicationinfo img {
      width: 100%; } }

.publicationinfo dt,
.publicationinfo dd,
.publicationinfo p {
  font-family: 'Noto Sans', serif; }

.publicationinfo dt {
  margin-bottom: 10px; }

.publicationinfo .subcopy {
  margin: 0;
  padding-top: 5px; }

.bordertop.fixed {
  width: 100% !important;
  left: 0 !important; }

.bordertop__inner {
  width: 100%;
  height: 0px;
  background: #fff;
  height: 55px; }
  @media (min-width: 768px) {
    .bordertop__inner {
      height: 76px; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.checkout_footer {
  border-top: solid 1px #fff;
  background: #fff;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 30px 0 20px 0px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .checkout_footer {
      padding: 50px 0 30px 0px; } }

.checkout_footer__item {
  max-width: 575px;
  margin: 0 auto 30px;
  box-sizing: border-box; }

.checkout_footer__item p {
  margin: 0 0 20px; }

.checkout_footer__item p:last-of-type {
  margin-bottom: 0; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.eventinfo {
  max-width: 90%;
  float: left;
  width: 100%; }
  @media (min-width: 1180px) {
    .eventinfo {
      max-width: 70%; } }
  @media (max-width: 767px) {
    .eventinfo {
      max-width: initial;
      background: #fafafa;
      width: calc(100% + 20px);
      float: left;
      padding: 20px 10px;
      margin: 0 -10px;
      box-sizing: border-box; } }
  @media (min-width: 768px) {
    .eventinfo .button {
      font-size: 1.1vw;
      line-height: 1.75vw; } }
  @media (min-width: 1180px) {
    .eventinfo .button {
      font-size: 12px;
      line-height: 1.5; } }

.sidepanel--stick_container {
  margin-top: -20px; }

.sidepanel--stick_container .eventinfo {
  padding-top: 20px; }

@media (max-width: 767px) {
  .eventinfo__transcript_heading {
    display: none !important; } }

.eventinfo__address {
  font-family: 'Noto Sans', serif;
  margin-bottom: 20px; }

.eventinfo__location .flag {
  top: 2px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  font-size: 14px; }

.eventinfo .button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px; }

.eventinfo__message {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-top: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
  padding: 10px 0;
  font-family: 'Noto Sans', serif;
  font-size: 14px; }

.eventinfo__date {
  margin-bottom: 0; }

.eventinfo__time {
  margin-top: 0;
  font-size: 14px;
  font-family: 'Noto Sans', serif;
  color: #444; }

.eventinfo__location {
  font-family: 'Noto Sans', serif; }
  @media (max-width: 767px) {
    .eventinfo__location {
      color: #444; } }

.eventinfo .eventinfo__transcript_heading {
  clear: both;
  margin-top: 30px;
  float: left;
  width: 100%; }
@charset "UTF-8";
a {
  color: #69A9E3;
  text-decoration: none;
  transition: color 0.3s; }

a:hover {
  color: #69A9E3; }

.link--arrow,
.link--arrow a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  padding-bottom: 5px;
  color: #183B78;
  text-decoration: none; }

.link--arrow a {
  padding: 0; }

.link--arrow:after {
  content: '\27A4';
  position: absolute;
  top: 9px;
  right: 0;
  color: #183B78;
  color: #4984B9;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px; }

.link--back:before {
  content: '\27A4';
  position: relative;
  display: inline-block;
  margin-right: 10px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  transform: rotate(180deg); }

.buttons--center {
  text-align: center; }

.buttons--center a,
.buttons--center span {
  float: none; }

input::file-selector-button,
input[type='reset'].FormResetButton,
.Form__NavigationBar__Action,
button.Form__Element,
.EPiServerForms .FormCaptcha button.FormCaptcha__Refresh,
.button {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  padding: 13.5px 24px;
  background: #183B78;
  border: solid 1px #436FBC;
  outline: none;
  color: #E7E7E7;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s; }

.EPiServerForms .FormCaptcha button.FormCaptcha__Refresh {
  float: none; }

input::file-selector-button {
  float: none;
  margin-right: 10px; }

button.Form__Element[disabled],
.Form__NavigationBar__Action[disabled],
.button[disabled],
.button[disabled]:hover {
  opacity: 0.5;
  color: #FFFFFF;
  cursor: default; }

button.Form__Element[disabled]:hover:after,
.Form__NavigationBar__Action[disabled]:hover:after,
.button[disabled]:hover:after {
  color: #FFFFFF; }

button.FormSubmitButton,
input[type='reset'].FormResetButton {
  margin: 0 10px 10px 0; }

button.FormImageSubmitButton {
  padding: 5px; }

span.button:not(.link_holder) {
  padding: 0;
  border: none; }

span.button a {
  display: block;
  padding: 13.5px 24px;
  border: solid 1px #436FBC;
  color: #E7E7E7; }

span.button--download a {
  padding-right: 35px; }

.link_holder {
  position: relative; }

.link_holder a {
  position: relative;
  display: block;
  margin: -13.5px -24px;
  margin: -13.5px -24px -13.5px -24px;
  padding: 13.5px 24px;
  padding: 13.5px 24px 13.5px 24px;
  width: 100%;
  box-sizing: content-box;
  color: inherit;
  transition: initial; }

.button--alt {
  background-color: #FFFFFF;
  border: solid 1px #E7E7E7;
  color: #212121; }

span.button--alt {
  border: none; }

span.button--alt a {
  border: solid 1px #E7E7E7;
  color: #212121; }

.button--light {
  background-color: #F3F3F3;
  border: 1px solid #F3F3F3;
  color: #183B78; }

:not(span).button--arrow:after,
span.button--arrow a:after {
  content: '\27A4';
  float: right;
  margin-right: -15px;
  margin-left: 10px;
  padding-right: 5px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  transition: color 0.3s; }

:not(span).button.button--arrow {
  position: relative;
  padding-right: 34px; }

span.button.button--arrow {
  position: relative; }

span.button.button--arrow > a {
  padding-right: 34px; }

:not(span).button.button--arrow:after,
span.button.button--arrow a:after {
  content: '\27A4';
  position: absolute;
  top: 50%;
  right: 23px;
  float: right;
  margin-top: -9px;
  margin-right: -15px;
  margin-left: 10px;
  padding-right: 5px;
  color: #FFFFFF;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  transition: color 0.3s; }

:not(span).button--arrow.button--link:after,
span.button--arrow.button--link a:after {
  right: 0;
  margin-right: 0;
  margin-left: 0;
  padding-right: 14px;
  padding-right: 0; }

span.button--arrow:after {
  content: none; }

:not(span).button--arrow.button--alt:after,
span.button--arrow.button--alt a:after {
  color: #183B78; }

.button--link,
span.button--link a {
  margin-bottom: 8.5px;
  padding: 14.5px 0;
  padding-bottom: 5px;
  border-top: none;
  border-right: none;
  border-left: none; }

.button:hover,
span.button a:hover,
.button:hover:after,
span.button a:hover:after {
  color: #69A9E3; }

.button--download {
  position: relative;
  margin: 0 0 20px;
  padding: 13.5px 45px 13.5px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: left; }

.button--download:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  margin-top: -14px;
  margin-left: 0;
  height: 24px;
  width: 20px;
  background: transparent url("/assets/images/download@3x.png") 50% 50% no-repeat;
  background-size: 20px 24px; }

.button__size {
  clear: both;
  display: block;
  color: #69A9E3;
  font-size: 10px;
  letter-spacing: 1.7px;
  line-height: 1.5; }

.link--arrowLarge {
  position: relative;
  display: inline-block;
  padding-bottom: 0;
  height: 55px;
  width: 40px;
  overflow: hidden;
  box-sizing: border-box;
  background: #FFFFFF;
  text-indent: -999em; }

.link--arrowLarge:after {
  content: '\27A4';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  color: #4984B9;
  color: #183B78;
  font-family: ZapfDingbatsITC;
  font-size: 12px;
  letter-spacing: 2.8px;
  line-height: 1px;
  text-indent: 0;
  transition: color 0.3s; }

.link--arrowLarge.next {
  float: right;
  border-left: solid 1px #E7E7E7; }

.link--arrowLarge.previous {
  float: left;
  border-right: solid 1px #E7E7E7; }

.link--arrowLarge.next:after {
  left: 14px; }

.link--arrowLarge.previous:after {
  right: 14px;
  transform: rotate(180deg); }

.link--arrowLarge:hover:after,
a:hover .link--arrowLarge:after {
  color: #69A9E3; }

.react-add-to-calendar {
  clear: both;
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%; }

.react-add-to-calendar__button {
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #E7E7E7;
  color: #212121;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.7px;
  line-height: 1.5;
  text-transform: uppercase;
  cursor: pointer; }

.react-add-to-calendar__button:after {
  content: ' ';
  position: absolute;
  top: auto !important;
  right: 0 !important;
  bottom: 15px;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 !important;
  height: 0;
  width: 0;
  border-top: 4px solid #DBDBDB;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.react-add-to-calendar__button--light:after {
  transform: rotate(180deg); }

.react-add-to-calendar__button:hover {
  color: #69A9E3; }

.react-add-to-calendar__dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.react-add-to-calendar__dropdown ul li a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #E7E7E7;
  color: #212121;
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  line-height: 1.5; }

.react-add-to-calendar__dropdown ul li a:hover {
  color: #69A9E3; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media (min-width: 768px) {
  picture.pic_mobileOnly {
    display: none; } }

@media (max-width: 767px) {
  picture.pic_desktopOnly {
    display: none; } }

.banner {
  position: relative;
  height: 225px;
  overflow: hidden; }
  @media (min-width: 481px) {
    .banner {
      height: 280px; } }
  @media (min-width: 768px) {
    .banner {
      height: 300px; } }

@media (min-width: 768px) {
  .banner--reading .banner {
    height: 400px; } }

.banner--home .banner {
  height: 325px; }
  @media (min-width: 481px) {
    .banner--home .banner {
      height: 430px; } }
  @media (min-width: 768px) {
    .banner--home .banner {
      height: 540px; } }

.banner--home-no-image .banner {
  height: auto;
  overflow: visible; }
  .banner--home-no-image .banner h1 {
    position: static; }

.banner .banner__image {
  height: 100%; }

.banner .banner__image a {
  display: block; }

.banner img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.banner--home .banner video,
.banner--general .banner__video {
  position: relative;
  top: 50%;
  margin-right: -100%;
  margin-left: -100%;
  width: 300%;
  transform: translateY(-50%); }
  @media (min-width: 481px) {
    .banner--home .banner video,
    .banner--general .banner__video {
      margin-right: -50%;
      margin-left: -50%;
      width: 200%; } }
  @media (min-width: 768px) {
    .banner--home .banner video,
    .banner--general .banner__video {
      margin-right: -30%;
      margin-left: -30%;
      width: 160%; } }
  @media (min-width: 1180px) {
    .banner--home .banner video,
    .banner--general .banner__video {
      margin-right: -0%;
      margin-left: -0%;
      width: 100%; } }

.banner h1 {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-align: center;
  pointer-events: none; }
  @media (max-width: 480px) {
    .banner h1 {
      padding-right: 10px;
      padding-left: 10px; } }

.banner--home:not(.banner--home-no-image) h1 {
  align-items: flex-start;
  padding: 0 20px;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .banner--home:not(.banner--home-no-image) h1 {
      padding: 0 15%; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .banner--home:not(.banner--home-no-image) h1 {
      font-size: 6vw; } }
  @media (min-width: 768px) {
    .banner--home:not(.banner--home-no-image) h1 {
      font-size: 48px; } }

.banner h1 > span {
  -webkit-flex: 1;
  flex: 1;
  flex-basis: auto;
  /* default value */
  flex-grow: 1;
  margin-top: -80px;
  max-width: 680px;
  max-width: 100%; }
  @media (min-width: 768px) {
    .banner h1 > span {
      margin-top: -100px; } }

.banner--empty h1 > span {
  margin-top: -40px; }
  @media (min-width: 768px) {
    .banner--empty h1 > span {
      margin-top: -60px; } }

.banner--home h1 > span {
  margin-top: 0;
  padding: 20px 20px 30px;
  max-width: 650px;
  background: #FFFFFF; }
  @media (min-width: 768px) {
    .banner--home h1 > span {
      padding-top: 0; } }

.banner--home-no-image h1 > span {
  display: block;
  margin: 0 auto;
  padding: 0; }
  @media (min-width: 768px) {
    .banner--home-no-image h1 > span {
      margin-top: -22px; } }

.banner--home .banner__video,
.banner--home .banner img {
  position: relative;
  margin-top: 100px;
  height: 225px;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 481px) {
    .banner--home .banner__video,
    .banner--home .banner img {
      height: 330px; } }
  @media (min-width: 768px) {
    .banner--home .banner__video,
    .banner--home .banner img {
      margin-top: 125px;
      height: 440px; } }

.banner .divider {
  display: inline-block;
  margin-bottom: 5px;
  width: auto;
  font-size: 16px !important; }
  @media (max-width: 480px) {
    .banner .divider {
      font-size: 14px !important; } }

.banner .banner__heading {
  display: block; }

.banner__heading--dark .banner__heading span {
  color: #000000; }

@media (max-width: 767px) {
  .banner__heading--mobile_dark .banner__heading span {
    color: #000000; } }

@media (min-width: 768px) {
  .banner__heading--desktop_dark .banner__heading span {
    color: #000000; } }

@media (max-width: 767px) {
  .banner__heading--mobile_dark.banner--reading.banner--empty .banner {
    height: auto; } }

@media (min-width: 768px) {
  .banner__heading--desktop_dark.banner--reading.banner--empty .banner {
    height: auto; } }

.banner .divider:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  height: 1px;
  width: 25%;
  width: 30px;
  background: #E7E7E7; }

.banner .divider:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  height: 1px;
  width: 25%;
  width: 30px;
  background: #E7E7E7; }

.banner .divider__inner {
  padding: 0; }

.banner .divider__inner:before {
  position: absolute;
  left: 0;
  margin-left: 25%;
  margin-left: 30px; }

.banner .divider__inner:after {
  right: 0;
  margin-right: 25%;
  margin-right: 30px; }

.banner .divider__innerwrap {
  padding: 0 50px;
  color: #69A9E3;
  font-family: 'Noto Serif', Serif;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: none; }
  @media (max-width: 480px) {
    .banner .divider__innerwrap {
      font-size: 3vw; } }

.banner .divider__innerwrap,
.banner .divider__inner:before,
.banner .divider__inner:after {
  background: transparent; }

@media (min-width: 768px) {
  .banner--has-video .banner__image {
    display: none; } }

.banner--has-video.banner--has-mob-image .banner__video {
  display: none; }
  @media (min-width: 768px) {
    .banner--has-video.banner--has-mob-image .banner__video {
      display: block; } }

/*general*/
.banner--general .banner__intro,
.banner--home .banner__intro {
  position: relative;
  z-index: 1;
  margin: -55px auto 0;
  max-width: 1180px; }

.banner--home-no-image .banner__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 825px; }

.banner--general .banner__intro.banner__intro--empty {
  display: none; }

.banner--general .banner__intro.banner__intro--empty .container {
  display: none; }

.banner--home .banner__intro .banner__copy {
  float: left; }

.banner--home .banner__intro .banner__copy,
.banner--general .banner__intro .banner__copy,
.banner--event .banner__intro .banner__copy,
.banner--fade .banner__intro .banner__copy {
  margin-bottom: -30px;
  padding: 0 15px;
  min-height: 60px;
  background: #FFFFFF; }
  @media (min-width: 768px) {
    .banner--home .banner__intro .banner__copy,
    .banner--general .banner__intro .banner__copy,
    .banner--event .banner__intro .banner__copy,
    .banner--fade .banner__intro .banner__copy {
      margin-bottom: -60px;
      padding: 20px 5% 20px;
      width: 100%;
      box-sizing: border-box; } }

.banner--home-no-image .banner__intro .banner__copy {
  float: left;
  margin-bottom: 0;
  background-color: transparent; }
  @media (min-width: 768px) {
    .banner--home-no-image .banner__intro .banner__copy {
      padding: 0 5% 20px; } }

.banner--general .banner__intro .banner__copy .lead,
.banner--home .banner__intro .banner__copy .lead,
.banner--fade .banner__intro .banner__copy .lead,
.banner--event .banner__intro .banner__copy .lead {
  font-size: 14px; }

.banner--empty .banner__intro .banner__copy {
  min-height: 60px; }
  @media (min-width: 768px) {
    .banner--empty .banner__intro .banner__copy {
      margin-bottom: -50px; } }

.banner--empty.banner--reading .banner__intro .banner__copy {
  min-height: 0; }
  @media (min-width: 768px) {
    .banner--empty.banner--reading .banner__intro .banner__copy {
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .banner--general .banner__intro .banner__copy {
    margin-bottom: -20px;
    min-height: 30px; } }

@media (max-width: 767px) {
  .banner--general .banner__intro--empty .banner__copy {
    min-height: 60px; } }

.banner__intro .banner__copy .lead > span {
  text-align: center; }

.banner__intro .banner__copy .lead > span:before,
.banner__intro .banner__copy .lead > span:after {
  content: ' ';
  clear: both;
  display: table; }

.banner__intro .banner__copy .lead span > p,
.banner__intro .banner__copy .lead span > span {
  margin: 20px 0 10px;
  color: #000000;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  line-height: 1.44;
  text-align: center; }
  @media (min-width: 768px) {
    .banner__intro .banner__copy .lead span > p,
    .banner__intro .banner__copy .lead span > span {
      margin: 30px 15px 10px; } }

.banner--general .banner__heading,
.banner--event .banner__heading {
  color: #FFFFFF; }

@media (max-width: 480px) {
  .banner--home .banner__heading {
    font-size: 7vw; } }

/*event*/
.banner__event {
  position: relative;
  margin-top: -50px;
  min-height: 50px;
  text-align: center; }

.banner__event ul {
  display: inline;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  list-style: none; }

.banner__event ul li {
  position: relative;
  display: inline-block;
  padding: 20px 15px;
  height: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  color: #000000;
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 20px; }
  @media (min-width: 768px) {
    .banner__event ul li {
      padding: 20px 30px;
      font-size: 14px; } }

.banner__event ul li img {
  position: relative;
  top: 2px;
  margin-right: 5px; }

.banner__event ul li:first-of-type:after {
  content: ' ';
  position: absolute;
  top: 21px;
  right: 0;
  display: block;
  height: 20px;
  width: 1px;
  background: #D7D7D7; }

.banner__event_cta {
  margin-top: 20px;
  text-align: center; }

.banner__event_cta a {
  clear: both;
  float: none;
  margin-right: 10px;
  margin-left: 10px; }

.banner__event_cta a.button {
  display: block;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .banner__event_cta a.button {
      display: inline-block;
      margin-bottom: 0; } }

.banner__event_cta a.label.label--link.link--arrow {
  margin-top: 14px;
  margin-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #E7E7E7; }

.banner__event_cta a.label.label--link.link--arrow:after {
  right: 0; }

/*reading banner*/
.banner--reading {
  position: relative;
  z-index: 0; }

@media (min-width: 768px) {
  .banner--reading ~ .body .container > .col--span6 {
    margin-top: -140px !important; }
    .banner--reading ~ .body .container > .col--span6 .read-only-message {
      margin: 40px auto 40px; } }

.banner--reading ~ .body .container > .container--side {
  border-top: none; }
  @media (min-width: 768px) {
    .banner--reading ~ .body .container > .container--side {
      padding-top: 40px; } }

.banner--reading ~ .body .container > .container--main {
  border-top: none; }

.banner--reading ~ .body {
  overflow: visible; }

@media (min-width: 768px) {
  .banner--reading.banner--empty.banner__heading--desktop_dark ~ .body
.container > .col--span6 {
    margin-top: 0 !important;
    border-top: 1px solid #E7E7E7; } }

@media (min-width: 768px) {
  .banner--reading.banner--empty.banner__heading--desktop_dark .banner__copy {
    display: none; } }

@media (min-width: 768px) {
  .banner--reading.banner--empty.banner__heading--desktop_dark ~ .body
.container > .container--side {
    padding-top: 20px;
    border-top: 1px solid #E7E7E7; } }

@media (min-width: 768px) {
  .banner--reading .banner__intro {
    position: relative;
    z-index: 1;
    clear: both;
    margin: -140px auto 0;
    margin-top: -120px;
    height: 140px; } }

@media (min-width: 768px) {
  .banner--reading .banner__copy,
  .banner--none .banner__copy {
    float: right;
    height: 100%;
    width: 77.5%;
    background: #FFFFFF; } }

@media (min-width: 1180px) {
  .banner--reading .banner__copy,
  .banner--none .banner__copy {
    width: calc(50% + 325px); } }

/*no image*/
.banner--none,
.banner--none .banner {
  height: 1px; }

.banner--none .banner__copy {
  height: 1px;
  background: #E7E7E7; }
  @media (min-width: 768px) {
    .banner--none .banner__copy {
      width: 73.65%; } }
  @media (min-width: 1180px) {
    .banner--none .banner__copy {
      width: calc(50% + 280px); } }

.banner__intro .banner__cta {
  text-align: center; }

.banner__cta {
  margin-top: 30px; }

.banner__cta .link--arrow {
  padding-right: 20px;
  min-width: 150px;
  border-bottom: solid 1px #E7E7E7;
  text-align: left; }

.banner__cta .link--arrow:after {
  right: 0; }

.banner--fade {
  margin-bottom: 30px; }

.banner--fade .banner {
  padding-top: 30px;
  height: auto; }

.banner--fade .banner__intro .container {
  padding-bottom: 0; }

.banner--fade h1,
.banner--fade h1 > span {
  position: relative;
  margin-top: 0;
  padding-bottom: 5px; }

.banner--fade .divider--gradient {
  position: absolute;
  left: 0;
  height: 35px;
  width: 100%;
  background-image: linear-gradient(to top, #FFFFFF, #FAFAFA);
  background-position: 50% 2px;
  border-top: solid 1px #D7D7D7; }

.banner__copy .label--hideshow {
  margin-top: 20px;
  border: none;
  text-align: center; }

.banner__copy .hideshow {
  font-family: 'Noto Serif', serif;
  font-size: 14px; }

/*404*/
.banner--fourOhFour {
  padding-bottom: 50px; }

.banner--fourOhFour .banner {
  padding-top: 50px; }

.banner--fourOhFour .banner__copy .lead {
  padding-top: 20px;
  padding-bottom: 30px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.careerinfo {
  max-width: 90%; }
  @media (min-width: 1180px) {
    .careerinfo {
      max-width: 70%; } }
  @media (max-width: 767px) {
    .careerinfo {
      max-width: initial;
      background: #fafafa;
      width: calc(100% + 20px);
      float: left;
      padding: 20px 10px;
      margin: 0 -10px;
      box-sizing: border-box; } }

.sidepanel--stick_container {
  margin-top: -20px; }

.sidepanel--stick_container .careerinfo {
  padding-top: 20px; }

@media (max-width: 767px) {
  .careerinfo__cta,
  .careerinfo .button--download {
    display: none !important; } }

.careerinfo__info {
  font-family: 'Noto Sans', serif;
  margin-bottom: 20px; }

.careerinfo__location .flag {
  top: 2px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  font-size: 14px; }

.careerinfo .button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px; }

.careerinfo__location {
  font-family: 'Noto Sans', serif; }
  @media (max-width: 767px) {
    .careerinfo__location {
      color: #444; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
body {
  overflow-x: hidden; }

.infobox {
  background: #183b78;
  color: #fff;
  padding: 25px 0;
  margin: 40px 0 0 0;
  position: relative;
  clear: both;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  .infobox.fixed {
    background-attachment: fixed; }
  @media (min-width: 768px) {
    .infobox {
      padding-top: 70px;
      padding-bottom: 70px; } }
  .container .infobox {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; }
  @media (min-width: 768px) {
    .container--main .infobox {
      left: calc(140px + (36% - 160px)); } }

.infobox .container {
  position: relative;
  z-index: 2; }

.infobox.gradient:after {
  content: ' ';
  width: 100%;
  height: 100%;
  display: block;
  background-image: linear-gradient(224deg, rgba(67, 67, 67, 0), #000000);
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none; }

.infobox .label--link,
.infobox .label--link a,
.infobox .label--link:after {
  color: #fff; }

.infobox .label--link:hover,
.infobox .label--link:hover a {
  color: #69a9e3; }

.infobox .label--link:after {
  right: 0; }

.infobox .label--link {
  display: block;
  border-bottom: 1px solid #9f9f9f;
  margin-top: 30px;
  padding-right: 20px;
  margin-bottom: 20px; }
  .infobox .label--link:last-child {
    margin-bottom: 0; }

.infobox .small,
.infobox a.label--link,
.infobox span.label--link a {
  max-width: 320px; }

.infobox span.label--link {
  padding: 0;
  max-width: 100%; }

.infobox span.label--link a {
  padding: 0 20px 5px 0;
  display: block; }

.infobox .col--span3 img {
  width: 100%;
  height: 100%; }

.infobox_bg,
.infobox_bg img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 0;
  object-fit: cover; }

.infobox p {
  font-family: 'Noto Serif', Serif;
  font-size: 14px; }

.infobox .label--link {
  font-weight: normal; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.basket_table {
  background: #fff; }

.thead {
  display: none; }

.tfoot {
  background: #fff;
  text-align: right; }

.tfoot {
  font-size: 24px;
  padding: 10px 0 0 0;
  font-family: 'Playfair Display', Serif; }

.tfoot .label {
  padding: 0 20px 0 0;
  position: relative;
  top: -3px; }

.basket_table .tr,
.basket_table .tbody .tr .td {
  background: #f8f8f8; }

.basket_table .thead .tr {
  background: #fff; }

.basket_table .tbody .tr {
  border-bottom: 20px solid #fff !important; }

.basket_table .tbody .tr.hasDiscount {
  border-bottom: none !important; }

.basket_table tbody tr:last-of-type {
  border: none !important; }

@media (min-width: 768px) {
  .basket_table,
  .basket_table .thead .tr {
    display: table;
    width: 100%; }
  .basket_table .td {
    display: table-cell;
    vertical-align: middle; }
  .tdcolspan {
    width: 100%;
    background: pink; }
  .basket_table .basket_item__item,
  .basket_table .basket_item__item_head {
    width: 35%; }
  .basket_table .basket_item__format,
  .basket_table .basket_item__format_head {
    width: 45%;
    padding-left: 10px !important; }
  .basket_table .basket_item__qty,
  .basket_table .basket_item__qty_head {
    width: 10%; }
  .basket_table .basket_item__remove,
  .basket_table .basket_item__remove_head {
    width: 10%; }
  .basket_table .basket_item__price,
  .basket_table .basket_item__price_head {
    width: 10%;
    padding-right: 10px !important;
    padding-left: 10px !important; }
  .basket_table .thead {
    display: block; }
  .basket_table .tbody .tr {
    display: table;
    width: 100%; }
  .basket_table .tr,
  .basket_table .td {
    border: none !important; }
  .basket_table .basket_item__price:before {
    content: ' ';
    width: 1px;
    height: 40px;
    background: #d7d7d7;
    display: block;
    position: absolute;
    left: -10%;
    margin-top: 0px; }
  .basket_table .thead .td {
    font-family: 'Noto Serif', Serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #9f9f9f;
    padding: 0 0 10px 5px; }
  .basket_item__price p {
    float: none;
    margin: 0 !important; } }

.basket_table .basket_item__item {
  padding: 10px 0 20px 20px; }

.basket_table .basket_item__item .h4 {
  margin-bottom: 10px; }

.basket_table .basket_item__item .small {
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #7d7d7d; }

.basket_table .basket_item__format {
  padding-top: 30px;
  padding-bottom: 20px; }

.basket_table .basket_item__format label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer; }

.basket_table .basket_item__format .radio {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  top: 3px; }

.basket_table .basket_item__format .radio__text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #464646;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal; }

.basket_table .basket_item__price .label {
  font-size: 10px;
  letter-spacing: 1px;
  cursor: pointer; }

.basket_table .basket_item__price p {
  font-size: 14px; }

.basket_table .basket_item--removed .td:first-of-type {
  padding-left: 20px; }

.basket_table .basket_item--removed .td .label {
  font-size: 10px;
  letter-spacing: 1px; }

.basket_table .quantity--hidden {
  display: none; }

.basket h1 {
  clear: both; }
  @media (min-width: 768px) {
    .basket h1 {
      margin-bottom: 40px; } }

.basket .currency {
  position: relative;
  clear: both;
  float: left;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .basket .currency {
      float: none;
      margin: 0;
      padding-bottom: 0; } }

@media (max-width: 767px) {
  .basket .basket_table .tbody .tr .td {
    padding: 0 10px 10px !important; } }

@media (max-width: 767px) {
  .basket_table .tbody .tr,
  .basket .basket_table .tbody .basket_item--removed {
    float: left;
    width: 100%; } }

@media (max-width: 767px) {
  .basket .basket_table .tbody .basket_item--removed .basket_item__price {
    float: left;
    width: 100%;
    box-sizing: border-box; } }

.basket_table .basket_item--removed .basket_item__price:before {
  display: none; }

.basket_table .basket_item--removed .basket_item__price {
  padding-left: 0 !important; }

.basket .basket_table .tbody .basket_item--removed .td {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (min-width: 768px) {
  .basket .filter_currency {
    position: absolute;
    float: right;
    right: 0;
    top: 20px; } }

.basket .filter_currency .label {
  font-size: 10px;
  padding-right: 10px; }

.form__row dl ~ div > dl,
.form__row dl ~ dl {
  border-top: none; }

.summary .shipping__price {
  display: inline-block;
  width: auto;
  text-align: right;
  float: right;
  padding-left: 10px; }
  @media (min-width: 768px) {
    .summary .shipping__price {
      min-width: 100px; } }

.summary .data--inline dt {
  margin-bottom: 10px; }

.summary .data--inline label {
  /*margin-top: -5px;*/ }

.summary .data--inline label ~ label {
  margin-top: 0px;
  margin-bottom: 0px; }

.summary input[type="radio"] ~ .radio__text {
  max-width: calc(100% - 26px);
  width: 100%;
  font-size: 10px;
  line-height: 1.5;
  font-family: 'Noto Serif', serif;
  margin-top: 5px; }
  @media (min-width: 768px) {
    .summary input[type="radio"] ~ .radio__text {
      font-size: 12px; } }

.billingdetails .summary .data--inline label {
  margin-top: 0px;
  cursor: pointer;
  display: block; }

.billingdetails .summary .data--inline label .radio {
  display: inline-block;
  margin-right: 10px; }

.billingdetails .summary .data--inline label .radio__text {
  display: inline-block;
  position: relative;
  top: -3px; }

@media (max-width: 767px) {
  .basket_item__price p {
    display: inline-block;
    margin: 0; }
  .basket_item__price .label {
    float: right;
    line-height: 20px; }
  .basket_item__price .discounted {
    float: none;
    display: inline !important;
    border: none !important; }
  .quantity--visible a {
    float: right; }
  .isDiscount .basket_item__qty {
    display: none; }
  .basket_item__qty p {
    float: none;
    margin: 0; }
  .hasDiscount .basket_item__qty .discounted {
    display: none; } }

/*membership renewal*/
.membership_renewal .thead {
  display: none; }

@media (min-width: 768px) {
  .membership_renewal .basket .currency {
    top: -20px;
    position: relative; } }

@media (min-width: 768px) {
  .membership_renewal .basket .filter_currency {
    position: relative;
    top: auto;
    right: auto;
    float: right; } }

.basket .td {
  position: relative; }

/*discount*/
.td .discounted {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 0 15px 0px;
  padding: 10px 0 0;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  color: #464646; }
  @media (min-width: 768px) {
    .td .discounted {
      margin-left: 0; } }

.isDiscount .td.basket_item__price:before {
  content: none !important; }

.basket_table .isDiscount .basket_item__format {
  padding: 0 0 0 10px !important; }

.td.basket_item__format .discounted {
  margin-left: 0;
  font-weight: bold;
  font-size: 12px; }

.td.basket_item__format .discounted span {
  line-height: 21px;
  font-size: 12px; }

.hasDiscount .discounted {
  display: block; }

.td .discounted p {
  margin: 5px 0 0; }

.hasDiscount .basket_item__price p {
  text-decoration: line-through; }

.td.basket_item__price .discounted {
  font-weight: bold;
  font-family: 'Noto serif', Serif; }

@media (min-width: 768px) {
  .isDiscount .td {
    border-top: 1px solid #d7d7d7 !important; }
  .isDiscount .td.basket_item__item {
    border: none !important; } }

.hasDiscount .td {
  padding-bottom: 10px !important; }

.tfoot,
.tfoot .infotext {
  text-align: right; }

.basket__discount {
  font-family: 'Noto Serif', Serif;
  font-size: 14px;
  line-height: 1.43;
  text-align: right;
  color: #323232;
  display: block;
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px; }

.basket__discount--item {
  font-size: 12px; }

.basket__discount_lbl {
  border-bottom: solid 1px #d7d7d7;
  padding: 10px 40px 10px 0; }

.basket__discount_amount {
  border-bottom: solid 1px #d7d7d7;
  padding: 10px 0px 10px 0; }

@media (min-width: 768px) {
  .basket_item__qty {
    padding-left: 20px; } }

.basket_item__qty a {
  width: 22px;
  height: 30px;
  display: inline-block;
  position: relative;
  text-indent: -999em; }
  @media (min-width: 768px) {
    .basket_item__qty a {
      position: absolute;
      margin-top: -20px;
      margin-left: -4px; } }

.basket_item__qty a:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #183b78;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  transform: rotate(180deg); }

.basket_item__qty a ~ a:after {
  transform: none; }

@media (min-width: 768px) {
  .basket_item__qty a ~ a {
    margin-top: 20px; } }

@media (min-width: 768px) {
  .basket_item__qty p {
    display: inline-block;
    margin: 0;
    float: left; } }

@media (min-width: 768px) {
  .basket_item__qty p span {
    display: none; } }

.tfoot,
.basket_table {
  float: left;
  width: 100%;
  clear: both; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.orders__accordion .accordion__head {
  font-family: 'Playfair Display', serif; }

.orders__accordion .accordion__head {
  font-size: 24px;
  position: relative;
  cursor: pointer;
  transition: color .3s; }

.orders__accordion .accordion__head:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #dbdbdb;
  margin: 3px 0 0 0;
  position: absolute;
  top: 50%;
  right: 0px; }

.orders__accordion .accordion__item--open .accordion__head:after {
  transform: rotate(180deg); }

.orders__accordion .accordion__head:hover {
  color: #69a9e3; }

.orders__accordion .accordion__head span {
  font-family: 'Noto Serif', Serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #7d7d7d;
  display: block;
  margin-bottom: 10px; }

.orders__accordion .accordion__item {
  border-bottom: solid 1px #d7d7d7;
  padding: 10px 0; }

.accordion__section .basket_table {
  margin-top: 10px; }

.accordion__section .basket_table .basket_item__price {
  text-align: right;
  padding-right: 20px; }

.orders__accordion .h4,
.orders__accordion .td {
  text-align: left;
  vertical-align: baseline; }

.orders__accordion .td.basket_item__item .label,
.orders__accordion .td.basket_item__item .small {
  display: none; }

.orders__accordion .td.basket_item__item .h4 {
  margin-bottom: 0; }

.orders__accordion .td {
  padding: 0 20px !important; }

.orders__accordion .td.basket_item__item {
  padding: 20px 0 0 20px !important; }

.orders__accordion .td.basket_item__qty {
  padding: 10px 20px 0 !important; }

.orders__accordion .td.basket_item__price {
  padding: 20px !important; }

.orders__accordion .td.basket_item__qty .discounted {
  display: none; }

.orders__accordion .basket_item__qty p {
  float: none; }

.orders__accordion .tbody .tr {
  border-bottom: none !important; }

.orders__accordion .tfoot {
  padding-bottom: 10px; }

@media (min-width: 768px) {
  .orders__accordion .td {
    padding: 20px !important; }
  .orders__accordion .td.basket_item__item,
  .orders__accordion .td.basket_item__qty {
    padding: 20px 0 20px 20px !important; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media (min-width: 768px) {
  .authorinfo,
  .personinfo {
    max-width: 90%; } }

@media (min-width: 1180px) {
  .authorinfo,
  .personinfo {
    max-width: 70%; } }

.authorinfo {
  width: 100%; }

.authorinfo,
.authorinfo .people,
.authorinfo .people ul {
  text-align: left !important; }

.authorinfo .people {
  padding: 0 10px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .authorinfo .people {
      padding: 0; } }

.authorinfo .people ul li {
  width: 100%; }

@media (max-width: 767px) {
  .authorinfo .people ul li:last-of-type .person {
    border: none; } }

.authorinfo img,
.authorinfo .person__detail {
  display: none; }

.authorinfo .people {
  margin-top: 0; }

.authorinfo .people .heading {
  padding-top: 0;
  border: none; }

.authorinfo .person__name {
  margin-bottom: 20px; }

.authorinfo .person {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6; }

.authorinfo .person__about,
.container--side .personinfo .person__about {
  display: block; }

.authorinfo .person__about:after {
  right: 0; }

.personinfo .person .person__image .person__img {
  float: none; }

.personinfo .person .person__social {
  display: block; }

.personinfo .person .person__detail {
  font-family: 'Noto Sans', serif; }

.authorinfo .person__link {
  display: block; }

.personinfo .person__contact,
.authorinfo .person__contact {
  font-size: 10px;
  line-height: 15px; }

.authorinfo .person__contact {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 5px;
  padding-right: 25px;
  display: block;
  width: auto; }

.personinfo .person__contact:after,
.authorinfo .person__contact:after {
  top: 50% !important;
  right: 0 !important; }

.personinfo .person__contact:after {
  margin-top: -5px; }

.authorinfo .people .person {
  padding-bottom: 0; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.eventhosts {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #D7D7D7;
  list-style: none; }
  @media (min-width: 768px) {
    .eventhosts {
      margin-top: 30px;
      margin-bottom: -20px;
      border-bottom: none; } }

@media (min-width: 1180px) {
  .container--main ul.eventhosts {
    max-width: none; } }

@media (min-width: 768px) {
  .eventhosts--border {
    padding-bottom: 20px; } }

.eventhosts li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .eventhosts li {
      padding-right: 20px;
      border-right: 1px solid #D7D7D7; } }

.eventhosts li:last-of-type {
  padding-right: 0;
  border-right: none; }

.eventhosts li span {
  display: block;
  margin-bottom: 0;
  width: 100%;
  overflow-wrap: anywhere; }

.eventhosts li .label--grey {
  margin-bottom: 5px; }

/*# sourceMappingURL=kitchensink.bundle.css.map*/